Partilhar via

Criar e implantar o aplicativo Web do Azure clichê

  • Artigo

Para criar e implantar o aplicativo Web do Azure clichê, 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 backend e frontend clichês.

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

Criar e implantar o aplicativo Web de back-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 .NET 7 (STS) e Windows.

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

Mapeie 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 clichê de back-end.

  4. Clique com o botão direito do mouse no projeto clichê e selecione 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 relevante e o grupo de recursos e siga as instruções para publicar.

Atualizar CORS

  1. No painel de visão geral do seu aplicativo Web no portal do Azure, vá para API>CORS.
  2. Em Origens permitidas, adicione o URL do aplicativo Web frontend.

Criar e implantar o aplicativo Web frontend 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.

Mapeie seu domínio para o aplicativo Web frontend

  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.

Publique seu aplicativo Web clichê de frontend

  1. Construa seu clichê 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 que você criou.
  6. Execute Set-AzContext -Subscription "<subscription_id>".
  7. Execute Publish-AzWebApp -ResourceGroupName <resource_group_name> -Name <web_app_name> -ArchivePath <zip_file_path>.