Partilhar via

Hostear e implementar ASP.NET Core autónomo Blazor WebAssembly com Aplicações Web Estáticas do Azure

Observação

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

Advertência

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

Este artigo explica como pode hospedar e implantar aplicações independentes Blazor WebAssembly com Microsoft Azure Static Web Apps.

Configuração do aplicativo

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

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

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

Implantar a partir do 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 de utilizador do Publish 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 de WebJobs do Azure para o Visual Studio não estiver instalado, aparece uma solicitação para instalar o componente ASP.NET e desenvolvimento Web. Siga as instruções para instalar as ferramentas usando o Visual Studio Installer. O Visual Studio fecha e reabre automaticamente durante a instalação das ferramentas. Depois que as ferramentas forem instaladas, comece de novo na primeira etapa para criar o perfil de publicação.

  4. Na configuração do 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 do Create Static Web App do portal do Azure, defina o Detalhes da Implantação>Origem para Outros. Aguarde a conclusão da implantação no portal do Azure antes de continuar.

  5. Na configuração do perfil de publicação, selecione a instância dos Aplicativos Web Estáticos do Azure no grupo de recursos da instância. Selecione Finalizar para criar o perfil de publicação. Se o Visual Studio solicitar a instalação da CLI de aplicativos Web estáticos (SWA), instale a CLI seguindo os prompts. A CLI 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