Exercício – Publicar a API com o GitHub Actions

  • 4 minutos

A sua aplicação Web e API estão a ser executadas localmente. Chegou a altura de publicar a sua aplicação Web e API nas Aplicações Web Estáticas do Azure.

Emitir as alterações para o GitHub

No exercício anterior, você fez alterações na API. Agora é hora de confirmar essas alterações na ramificação da api e enviá-las para o GitHub.

Criar um pedido Pull

Emitiu o seu ramo api para o GitHub. Agora, pretende que o GitHub Actions publique a sua aplicação Web e API num URL de pré-visualização. O próximo passo será criar um pedido Pull em relação ao ramo main.

  1. Abra um navegador.

  2. Vá para o seu repositório:

    https://github.com/<YOUR_GITHUB_USERNAME>/my-static-blazor-app

  3. Selecione o link Solicitações pull.

  4. Selecione Novo pull request.

  5. Selecione a ramificação principal na lista suspensa base .

  6. Selecione a ramificação api na lista suspensa comparar .

  7. Selecione Criar pull request.

  8. Novamente, selecione Criar pull request.

Sua ação do GitHub agora está acionada.

Observar a compilação e publicação da Ação do GitHub

Pode continuar com o mesmo browser no seu repositório e observar o progresso da ação do GitHub Actions. Siga estes passos para ver o progresso:

  1. Selecione o menu Ações .

  2. No menu Fluxos de trabalho, selecione o item de fluxo de trabalho CI/CD do Azure Static Web Apps.

  3. Selecione o link mais recente (superior) na ação executada à direita.

  4. Selecione o link Criar e implantar trabalho .

Pode ver o progresso da sua ação do GitHub Actions à medida que compila e publica a sua aplicação Web e API.

Navegar para o URL de pré-visualização

Depois que a Ação do GitHub for concluída com êxito, você poderá visualizar seu aplicativo em execução no navegador.

  1. Selecione o menu Pull requests .

  2. Selecione o seu pull request.

  3. Selecione o link a seguir à mensagem Azure Static Web Apps: Your stage site is ready! Visite-o aqui.

Repare que o URL de pré-visualização contém um hífen seguido de um número. O número corresponde ao número do pedido Pull que criou. Para cada solicitação pull criada, você obtém uma URL de visualização exclusiva e repetível. Também se utiliza a região para formar o URL de pré-visualização.

Próximos passos

Parabéns, você criou sua primeira instância de Aplicativos Web Estáticos do Azure com um aplicativo Web e uma API! Se você mesclar a solicitação pull que criou, os Aplicativos Web Estáticos do Azure implantarão automaticamente as alterações em seu aplicativo de produção.