Exercício – Publicar a API com o GitHub Actions

Concluído

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

Você empurrou sua ramificação de api para o GitHub. Agora, pretende que o GitHub Actions publique a sua aplicação Web e API num URL de pré-visualização. Portanto, seu próximo passo é criar uma solicitação pull contra a ramificação principal .

  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 Pull requests.

  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 da tarefa de Compilar e Desdobrar .

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.