Exercício – Publicar a API com o GitHub Actions

  • 4 minutos

O aplicativo Web e a API estão sendo executados localmente. Agora, é hora de publicar o aplicativo Web e a API nos Aplicativos Web Estáticos do Azure.

Efetuar push das alterações para o GitHub

No exercício anterior, você fez alterações em sua API. Agora é hora de confirmar essas alterações no branch api e efetuar push delas para o GitHub.

Criar uma solicitação de pull

Você efetuou push de seu branch api para o GitHub. Agora, você deseja que a GitHub Action publique o aplicativo Web e a API em uma URL de visualização. Portanto, a próxima etapa é criar uma solicitação de pull no branch main.

  1. Abra um navegador.

  2. Acesse seu repositório:

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

  3. Selecione o link Solicitações de pull.

  4. Selecione Nova solicitação de pull.

  5. Selecione o branch principal na lista suspensa base.

  6. Selecione o branch API na lista suspensa comparar.

  7. Selecione Criar solicitação de pull.

  8. Novamente, selecione Criar solicitação de pull.

Seu GitHub Actions agora está acionado.

Observar a GitHub Action compilar e publicar

Você pode ficar no navegador ou no repositório e observar o progresso da GitHub Action. Siga estas etapas 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 de Aplicativos Web Estáticos do Azure.

  3. Selecione o link mais recente (superior) nas execuções de ação à direita.

  4. Selecione o link Criar e Implantar Trabalho.

Você pode ver o progresso da GitHub Action à medida que ela compila e publica o aplicativo Web e a API.

Navegar até a URL de visualização

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

  1. Selecione o menu Solicitações de pull.

  2. Selecione sua solicitação de pull.

  3. Selecione o link após a mensagem Aplicativos Web Estáticos do Azure: seu site de preparo está pronto. Visite-o aqui.

Observe que a URL de visualização contém um hífen seguido de um número. Ele corresponde ao número da solicitação de pull que você criou. Para cada pull request que você cria, você recebe uma URL de versão prévia exclusiva e repetível. A região também é usada para formar a URL de visualização.

Próximas etapas

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