Partilhar via

Criar e implantar o aplicativo Web do Azure clichê (visualização)

  • 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 examinar 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ê

Para criar um aplicativo Web do Azure a partir do portal do Azure:

  1. Crie um recurso de Aplicativo Web no portal do Azure.
  2. Preencha todos os dados 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 parte 1

  1. Navegue até Configurações -> Domínios personalizados.
  2. Selecione Adicionar domínio personalizado e siga as instruções. Para obter mais informações sobre como mapear domínios personalizados, visite Mapeamento de domínio personalizado no Azure.
  3. Abra sua solução de back-end clichê do Visual Studio.
  4. Clique com o botão direito do mouse no projeto clichê e selecione Publicar.
  5. Escolha Azure como destino.
  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. Na página do Azure do seu aplicativo Web, navegue até API ->CORS.
  2. Em Origens permitidas, adicione o URL do aplicativo Web frontend.

Criar e implantar o aplicativo Web frontend Boilerplate

Para criar um aplicativo Web do Azure a partir do portal do Azure:

  1. Crie um recurso de Aplicativo Web no portal do Azure. um recurso "Aplicativo Web" no portal do Azure.
  2. Preencha todos os dados 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

  1. Navegue até Configurações -> Domínios personalizados.
  2. Selecione Adicionar domínio personalizado e siga as instruções.

Para obter mais informações sobre como mapear domínios personalizados, visite Mapeamento de domínio personalizado no Azure.

Publique seu Frontend Boilerplate Web App parte 2

  1. Construa seu clichê de frontend executando npm run build:test.
  2. Navegue até a dist pasta em Microsoft-Fabric-developer-sample\Frontend\tools\dist.
  3. Selecione todos os arquivos e a pasta de ativos em dist e crie um arquivo zip.
  4. Abra o PowerShell.
  5. 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>.