Distribuisci su canali live e visualizza in anteprima tramite le richieste pull di GitHub

Puoi integrare le distribuzioni in Firebase Hosting tramite un'azione GitHub. Ecco cosa può fare per te questa azione GitHub:

  • Crea un nuovo canale di anteprima (e l'URL di anteprima associato) per ogni PR nel tuo repository GitHub.

  • Aggiunge un commento al PR con l'URL di anteprima in modo che tu e ogni revisore possiate visualizzare e testare le modifiche del PR in una versione di "anteprima" della tua app.

    immagine del commento GitHub Action PR con l'URL di anteprima

  • Aggiorna l'URL di anteprima con le modifiche di ogni commit mediante la distribuzione automatica nel canale di anteprima associato. L'URL non cambia con ogni nuovo commit.

  • (Facoltativo) Distribuisce lo stato corrente del tuo repository GitHub al tuo canale live quando il PR viene unito.

Promemoria: quando utilizzi gli URL di anteprima, la tua app interagisce con le vere risorse di back-end del tuo progetto Firebase.

Configura l'azione GitHub da distribuire a Firebase Hosting

  1. Crea un repository GitHub (pubblico o privato) o utilizzane uno esistente. Devi disporre delle autorizzazioni di amministratore per il repository.

  2. In una versione locale del tuo repository, configura Firebase Hosting utilizzando il comando firebase init .

    • Se NON hai configurato l'hosting, esegui questa versione del comando dalla radice della tua directory locale:

      firebase init hosting
    • Se hai GIÀ configurato l'hosting, devi solo configurare la parte GitHub Action dell'hosting. Esegui questa versione del comando dalla radice della tua directory locale:

      firebase init hosting:github
  3. Segui le istruzioni della CLI e il comando si occuperà automaticamente della configurazione dell'azione GitHub:

    • Crea un account di servizio nel tuo progetto Firebase con l'autorizzazione per la distribuzione in Firebase Hosting.

    • Crittografa la chiave JSON dell'account di servizio e la carica nel repository GitHub specificato come segreto GitHub .

    • Scrive i file di configurazione yaml del flusso di lavoro GitHub che fanno riferimento al segreto appena creato. Questi file configurano l'azione GitHub da distribuire a Firebase Hosting.

  4. In GitHub, crea un nuovo ramo ed esegui il commit dei file yaml del flusso di lavoro creati dall'interfaccia a riga di comando.

  5. Pubblica il ramo nel tuo repository GitHub.

  6. Unisci il ramo.

Questo è tutto! Qualsiasi PR successivo in questo repository GitHub otterrà automaticamente il proprio "URL di anteprima"!

Ulteriori informazioni sull'azione GitHub