Publicar a API com o GitHub Actions

Concluído

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

Quando você criou a instância dos Aplicativos Web Estáticos do Azure e solicitou que ela inspecionasse o branch main, uma GitHub Action foi gerada para você. O GitHub Actions escuta o branch principal do seu repositório para commits e pull requests. Em seguida, quando a GitHub Action detecta essas alterações, ela compila e publica o aplicativo.

Ao criar seu recurso dos Aplicativos Web Estáticos do Azure, você forneceu o local da pasta para seu projeto de API aceitando o valor padrão de Api. Os Aplicativos Web Estáticos do Azure criaram e implantaram o aplicativo do Azure Functions nessa pasta. No entanto, o aplicativo não funcionou porque a API HTTP GET ainda não foi criada.

Disparar a GitHub Action

A GitHub Action está pronta para compilar e publicar o aplicativo Web e a API assim que detectar uma alteração no branch main. Você pode fazer commit diretamente ou criar uma solicitação de pull para o branch main. Ambas as alterações acionam o GitHub Actions. Quando as alterações são detectadas no branch principal, ele aciona o GitHub Actions para publicar o aplicativo na mesma URL do seu site ativo.

Ambientes de pré-produção com URLs de visualização

Às vezes, você deseja ver as alterações em um site de preparo antes de publicar no site ativo. Os Aplicativos Web Estáticos do Azure permitem que você veja suas alterações por meio de ambientes de pré-produção, cada um com sua própria URL de visualização. Você pode criar um ambiente de pré-produção criando um pull request no branch que o GitHub Actions está monitorando. Seu site ativo não é afetado. Em vez disso, uma nova versão do aplicativo é criada em seu próprio ambiente de pré-produção. Se você voltar e verificar seu pull request no GitHub, perceberá que um link para a versão de pré-produção está publicado na guia Conversa.

A tabela a seguir mostra como os Aplicativos Web Estáticos do Azure publicam seu aplicativo em diferentes URLs. O aplicativo é publicado em uma URL enquanto uma solicitação de pull para o mesmo branch é publicada em outra URL. Essas URLs geradas automaticamente são fornecidas pelos Aplicativos Web Estáticos do Azure para o aplicativo de produção e os pull requests. Opcionalmente, você pode atribuir um domínio personalizado ao aplicativo de produção.

Fonte Descrição URL
Branch main Exemplo de uma URL de site ativo https://purple-rain-062d03304.azurestaticapps.net/
Solicitação de pull #5 Exemplo de uma URL de visualização https://purple-rain-062d03304-5.<location>.azurestaticapps.net/

No momento, você está trabalhando no branch api. Faça um pull request do branch api para o branch principal. Ao criar o pull request no branch principal, o GitHub Actions publica o aplicativo em um ambiente de pré-produção.

Quando o fluxo de trabalho concluir a compilação e a implantação do seu aplicativo, o bot do GitHub adicionará um comentário ao seu pull request. Esse comentário contém um link para a URL do ambiente de pré-produção. Você pode selecionar este link para ver as alterações preparadas.

Em seguida, crie um pull request e visite a versão preparada do seu aplicativo.