Compartilhar via

Hospedar e implementar ASP.NET Core independente Blazor WebAssembly com Azure Static Web Apps.

Observação

Esta não é a versão mais recente deste artigo. Para a versão atual, consulte a versão do .NET 10 deste artigo.

Aviso

Esta versão do ASP.NET Core não tem mais suporte. Para obter mais informações, consulte a Política de Suporte do .NET e do .NET Core. Para a versão atual, consulte a versão do .NET 10 deste artigo.

Este artigo explica como hospedar e implantar um Blazor WebAssembly autônomo com os Aplicativos Web Estáticos do Microsoft Azure.

Configuração do aplicativo

Para garantir que as solicitações para qualquer caminho retornem index.html, defina uma rota de fallback de navegação.

Crie um arquivo nomeado staticwebapp.config.json na pasta raiz do projeto com o seguinte conteúdo:

{
  "navigationFallback": {
    "rewrite": "/index.html"
  }
}

Implantação pelo Visual Studio

Para implantar a partir do Visual Studio, crie um perfil de publicação para os Aplicativos Web Estáticos do Azure:

  1. Salve qualquer trabalho não salvo no projeto, pois uma reinicialização do Visual Studio pode ser necessária durante o processo.

  2. Na interface do usuário Publicar do Visual Studio, selecione Destino> Azure>Destino Específico>Aplicativos Web Estáticos do Azure para criar um perfil de publicação.

  3. Se o componente Ferramentas do Azure WebJobs para Visual Studio não estiver instalado, um prompt aparecerá para instalar o componente ASP.NET e desenvolvimento da Web. Siga os prompts para instalar as ferramentas usando o Instalador do Visual Studio. O Visual Studio fecha e reabre automaticamente durante a instalação das ferramentas. Depois que as ferramentas forem instaladas, comece novamente na primeira etapa para criar o perfil de publicação.

  4. Na configuração de perfil de publicação, forneça o nome da assinatura. Selecione uma instância existente ou selecione Criar uma nova instância. Ao criar uma nova instância na interface do usuário Criar Aplicativo Web Estático do portal do Azure, defina os Detalhes da implantação>Fonte como Outro. Aguarde a conclusão da implantação no portal do Azure antes de prosseguir.

  5. Na configuração de perfil de publicação, selecione a instância dos Aplicativos Web Estáticos do Azure no grupo de recursos da instância. Selecione Concluir para criar o perfil de publicação. Se o Visual Studio solicitar a instalação da CLI dos Aplicativos Web Estáticos (SWA), instale a CLI seguindo os prompts. A CLI da SWA requer npm/Node.js (documentação do Visual Studio).

Depois que o perfil de publicação for criado, implante o aplicativo na instância dos Aplicativos Web Estáticos do Azure usando o perfil de publicação selecionando o botão Publicar.

Cenários de implantação do GitHub

  • Last updated on