Déployer la version en ligne et de prévisualisation des canaux via des demandes d'extraction GitHub

Vous pouvez intégrer les déploiements dans Firebase Hosting via une action GitHub. Voici ce que cette action GitHub peut faire pour vous:

  • Crée un canal de prévisualisation (et son URL de prévisualisation associée) pour chaque PR de votre dépôt GitHub.

  • Ajoute un commentaire à la demande de publication avec l'URL d'aperçu afin que vous et chaque examinateur puissiez afficher et tester les modifications de la demande de publication dans une version "preview" de votre application.

    image d'un commentaire de demande d'extraction GitHub Actions avec URL d'aperçu

  • Met à jour l'URL d'aperçu avec les modifications de chaque commit en déployant automatiquement sur le canal d'aperçu associé. L'URL ne change pas à chaque commit.

  • (Facultatif) Déploie l'état actuel de votre dépôt GitHub sur votre canal en direct lorsque la demande de fusion est fusionnée.

Rappel: Lorsque vous utilisez des URL d'aperçu, votre application interagit avec les ressources backend réelles de votre projet Firebase.

Configurer l'action GitHub pour le déploiement sur Firebase Hosting

  1. Créez un dépôt GitHub (public ou privé) ou utilisez-en un existant. Vous devez disposer d'autorisations d'administrateur pour le dépôt.

  2. Dans une version locale de votre dépôt, configurez Firebase Hosting à l'aide de la commande firebase init.

    • Si vous n'avez PAS configuré Hosting, exécutez cette version de la commande à partir de la racine de votre répertoire local:

      firebase init hosting

    • Si vous avez déjà configuré Hosting, il vous suffit de configurer la partie GitHub Action de Hosting. Exécutez cette version de la commande à partir de la racine de votre répertoire local:

      firebase init hosting:github

  3. Suivez les invites de la CLI. La commande se chargera automatiquement de configurer l'action GitHub:

    • Crée un compte de service dans votre projet Firebase avec l'autorisation de déployer sur Firebase Hosting.

    • Il chiffre la clé JSON de ce compte de service et l'importe dans le dépôt GitHub spécifié en tant que secret GitHub.

    • Écrit des fichiers de configuration yaml de workflow GitHub qui font référence au secret nouvellement créé. Ces fichiers configurent l'action GitHub à déployer sur Firebase Hosting.

  4. Dans GitHub, créez une branche et validez les fichiers yaml de workflow créés par la CLI.

  5. Publiez la branche dans votre dépôt GitHub.

  6. Fusionnez la branche.

Et voilà ! Toute demande de pull ultérieure dans ce dépôt GitHub recevra automatiquement sa propre "URL de prévisualisation".

En savoir plus sur l'action GitHub