Implante para live & visualizar canais por meio de solicitações pull do GitHub

Você pode integrar implantações ao Firebase Hosting por meio de uma ação do GitHub. Aqui está o que esta ação do GitHub pode fazer por você:

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

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

    imagem do comentário do GitHub Action PR 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. A URL não muda a cada novo commit.

  • (Opcional) Implanta o estado atual do seu repositório GitHub em seu canal ao vivo quando o PR for mesclado.

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

Configure a ação do GitHub para implantar no Firebase Hosting

  1. Crie um repositório GitHub (público ou privado) ou use um existente. Você deve 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 você JÁ configurou o Hosting, então você só precisa configurar a parte GitHub Action do Hosting. Execute esta versão do comando na raiz do seu diretório local:

      firebase init hosting:github
  3. Siga os prompts 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 GitHub especificado como um segredo do GitHub .

    • Grava arquivos de configuração yaml do fluxo de trabalho do GitHub que fazem referência ao segredo recém-criado. Esses arquivos configuram o GitHub Action para implantação no Firebase Hosting.

  4. No GitHub, crie uma nova ramificação e confirme os arquivos yaml do fluxo de trabalho criados pela CLI.

  5. Publique o branch em seu repositório GitHub.

  6. Mesclar o ramo.

É isso! Qualquer PR subsequente neste repositório GitHub obterá automaticamente seu próprio "URL de visualização"!

Saiba mais sobre a ação GitHub