O que são as Aplicações Web Estáticas do Azure?

Os Aplicativos Web Estáticos do Azure são um serviço que cria e implanta automaticamente aplicativos Web de pilha completa no Azure a partir de um repositório de código.

Azure Static Web Apps overview diagram.

O fluxo de trabalho dos Aplicativos Web Estáticos do Azure é adaptado ao fluxo de trabalho diário de um desenvolvedor. Os aplicativos são criados e implantados com base em alterações de código.

Quando você cria um recurso de Aplicativos Web Estáticos do Azure, o Azure interage diretamente com o GitHub ou o Azure DevOps, para monitorar uma ramificação de sua escolha. Sempre que você envia por push confirmações ou aceita solicitações pull na ramificação monitorada, uma compilação é executada automaticamente e seu aplicativo e API são implantados no Azure.

Os aplicativos Web estáticos geralmente são criados usando bibliotecas e estruturas da Web como Angular, React, Svelte, Vue ou Blazor, onde a renderização do lado do servidor não é necessária. Estas aplicações incluem HTML, CSS, JavaScript e elementos de imagem que compõem a aplicação. Com um servidor Web tradicional, esses ativos são servidos a partir de um único servidor ao lado de quaisquer pontos de extremidade de API necessários.

Com os Static Web Apps, os ativos estáticos são separados de um servidor Web tradicional e, em vez disso, são servidos a partir de pontos geograficamente distribuídos em todo o mundo. Esta distribuição torna a apresentação de ficheiros muito mais rápida, uma vez que os ficheiros estão fisicamente mais próximos dos utilizadores finais. Além disso, os pontos de extremidade da API são hospedados usando uma arquitetura sem servidor, o que evita completamente a necessidade de um servidor back-end completo.

Funcionalidades principais

  • Alojamento Web para conteúdo estático como HTML, CSS, JavaScript e imagens.
  • Suporte de API integrado fornecido pelo Azure Functions gerenciado, com a opção de vincular um aplicativo de função existente, aplicativo Web, aplicativo de contêiner ou instância de Gerenciamento de API usando uma conta padrão. Se você precisar de sua API em uma região que não oferece suporte a funções gerenciadas, poderá trazer suas próprias funções para seu aplicativo.
  • Integração de primeira classe do GitHub e do Azure DevOps que permite alterações no repositório para acionar compilações e implantações.
  • Conteúdo estático distribuído globalmente, colocando o conteúdo mais perto de seus usuários.
  • Certificados SSL gratuitos, que são renovados automaticamente.
  • Domínios personalizados para fornecer personalizações de marca ao seu aplicativo.
  • Modelo de segurança contínuo com um proxy reverso ao chamar APIs, que não requer configuração de CORS.
  • Integrações do provedor de autenticação com o Microsoft Entra ID e o GitHub.
  • Definição e atribuições de funções de autorização personalizáveis.
  • Regras de roteamento de back-end que permitem controle total sobre o conteúdo e as rotas que você atende.
  • Versões de preparo geradas alimentadas por solicitações pull que permitem versões de visualização do seu site antes da publicação.
  • Suporte à CLI por meio da CLI do Azure para criar recursos de nuvem e por meio da CLI de Aplicativos Web Estáticos do Azure para desenvolvimento local.

O que você pode fazer com aplicativos Web estáticos

Próximos passos