Implantar em canais ao vivo e de visualização com as solicitações de envio do GitHub

É possível integrar implantações ao Firebase Hosting com uma ação do GitHub. Veja o que essa ação do GitHub pode fazer por você:

  • Cria um novo canal de visualização (e o URL de visualização associado) para cada PR no seu repositório GitHub.

  • Adiciona um comentário ao PR com o URL de visualização para que você e cada revisor possam ver e testar as alterações do RP em uma versão "de visualização" do seu app.

    imagem do comentário de RP de GitHub com URL de visualização

  • Atualiza o URL de visualização com alterações de cada confirmação implantando automaticamente no canal de visualização associado. O URL não muda a cada nova confirmação.

  • (Opcional) Implanta o estado atual do repositório do GitHub no seu canal ativo quando o PR é mesclado.

Lembrete: ao usar URLs de visualização, seu aplicativo interage com os recursos de back-end real do seu projeto do Firebase.

Configurar o GitHub Action para implantação no Firebase Hosting

  1. Crie um repositório do GitHub (público ou privado) ou use um repositório existente. É preciso ter permissões de administrador para o repositório.

  2. Em uma versão local do seu repositório, configure o Firebase Hosting usando o comando firebase init.

    • Se você NÃO configurou o Hosting, execute esta versão do comando na raiz do seu diretório local:

      firebase init hosting
    • Se JÁ você configurou o Hosting, configurou a parte da ação do GitHub no Hosting. Execute esta versão do comando na raiz do seu diretório local:

      firebase init hosting:github
  3. Siga as instruções da CLI, e o comando cuidará automaticamente da configuração da ação do GitHub:

    • Cria uma conta de serviço no seu projeto do Firebase com permissão para implantar no Firebase Hosting.

    • Criptografa a chave JSON dessa conta de serviço e a carrega no repositório do GitHub especificado como um secret do GitHub.

    • Grava arquivos de configuração yaml do fluxo de trabalho do GitHub que referenciam o secret recém-criado. Esses arquivos configuram a ação do GitHub para implantação no Firebase Hosting.

  4. No GitHub, crie um novo branch e confirme os arquivos de fluxo de trabalho yaml criados pela CLI.

  5. Publicar o branch no seu repositório GitHub.

  6. Mescle o branch.

Pronto. Qualquer RP subsequente nesse repositório do GitHub receberá automaticamente seu próprio "URL de visualização".

Saiba mais sobre o GitHub Actions