Compartilhar via

Criar e implantar o aplicativo Web clichê do Azure

  • Artigo

Para criar e implantar o aplicativo Web do Azure de boilerplate, você precisa criar e implantar os aplicativos Web de back-end e front-end. Este tutorial fornece instruções para criar e implantar os aplicativos Web de back-end e front-end de boilerplate.

Certifique-se de revisar o tutorial de configuração da carga de trabalho em nuvem antes de implantar seus aplicativos Web de back-end e de front-end.

Criar e implantar o aplicativo Web de back-end de boilerplate

  1. No portal do Azure, crie um recurso de aplicativo Web.

  2. Insira ou selecione as informações relevantes:

    • Em Publicar, selecione Código.
    • Para Pilha de tempo de execução, selecione .NET 7 (STS) e Windows.

Para obter instruções gerais, consulte Introdução ao Serviço de Aplicativo do Azure.

Mapear seu domínio para o aplicativo Web de back-end

  1. Vá para Configurações>Domínios personalizados.

  2. Selecione Adicionar domínio personalizado e siga as instruções.

    Para obter mais informações, consulte Mapeamento de domínio personalizado no Azure.

  3. No Visual Studio, abra sua solução de clichê de back-end.

  4. Clique com o botão direito do mouse no projeto de boilerplate e escolha Publicar.

  5. Para o destino, selecione Azure.

  6. Entre com um usuário que tenha acesso ao aplicativo Web do Azure que você criou.

  7. Use a interface do usuário para localizar a assinatura e o grupo de recursos relevantes e, em seguida, siga as instruções para publicar.

Atualizar o CORS

  1. No painel de visão geral do seu aplicativo Web no portal do Azure, acesse a API>CORS.
  2. Em Origens permitidas, adicione a URL do aplicativo Web front-end.

Criar e implantar o aplicativo Web de front-end clichê

  1. No portal do Azure, crie um recurso de aplicativo Web.

  2. Insira ou selecione as informações relevantes:

    • Em Publicar, selecione Código.
    • Para Pilha de tempo de execução, selecione Nó 18 LTS e Windows.

Para obter instruções gerais, consulte Guia de início rápido para Node.js no Serviço de Aplicativo do Azure.

Mapear seu domínio para o aplicativo Web de front-end

  1. Vá para Configurações>Domínios personalizados.
  2. Selecione Adicionar domínio personalizado e siga as instruções.

Para obter mais informações, consulte Mapeamento de domínio personalizado no Azure.

Publicar seu aplicativo Web clichê de front-end

  1. Crie seu boilerplate de frontend executando npm run build:test.
  2. Vá para a pasta Microsoft-Fabric-developer-sample\Frontend\tools\dist.
  3. Selecione todos os arquivos e a pasta de ativos em dist e crie um arquivo .zip dos arquivos selecionados.
  4. Abra o PowerShell.
  5. No PowerShell, execute Connect-AzAccount e entre com um usuário que tenha acesso ao aplicativo Web do Azure criado.
  6. Execute Set-AzContext -Subscription "<subscription_id>".
  7. Execute Publish-AzWebApp -ResourceGroupName <resource_group_name> -Name <web_app_name> -ArchivePath <zip_file_path>.