Live-Bereitstellung & Vorschaukanäle über GitHub-Pull-Requests

Sie können Bereitstellungen über eine GitHub-Aktion in Firebase Hosting integrieren. Folgendes kann diese GitHub-Aktion für Sie tun:

  • Erstellt einen neuen Vorschaukanal (und die zugehörige Vorschau-URL) für jede PR in Ihrem GitHub-Repository.

  • Fügt der PR einen Kommentar mit der Vorschau-URL hinzu, sodass Sie und jeder Prüfer die Änderungen der PR in einer „Vorschau“-Version Ihrer App anzeigen und testen können.

    Bild des GitHub Action PR-Kommentars mit Vorschau-URL

  • Aktualisiert die Vorschau-URL mit Änderungen aus jedem Commit durch automatische Bereitstellung im zugehörigen Vorschaukanal. Die URL ändert sich nicht bei jedem neuen Commit.

  • (Optional) Stellt den aktuellen Status Ihres GitHub-Repositorys auf Ihrem Live-Kanal bereit, wenn der PR zusammengeführt wird.

Erinnerung: Wenn Sie Vorschau-URLs verwenden, interagiert Ihre App mit den echten Backend-Ressourcen Ihres Firebase-Projekts.

Richten Sie die GitHub-Aktion für die Bereitstellung auf Firebase Hosting ein

  1. Erstellen Sie ein GitHub-Repository (öffentlich oder privat) oder verwenden Sie ein vorhandenes. Sie müssen über Administratorrechte für das Repository verfügen.

  2. Richten Sie Firebase Hosting in einer lokalen Version Ihres Repositorys mit dem firebase init -Befehl ein.

    • Wenn Sie KEIN Hosting eingerichtet haben, führen Sie diese Version des Befehls im Stammverzeichnis Ihres lokalen Verzeichnisses aus:

      firebase init hosting
    • Wenn Sie Hosting BEREITS eingerichtet haben, müssen Sie nur noch den GitHub-Aktionsteil von Hosting einrichten. Führen Sie diese Version des Befehls im Stammverzeichnis Ihres lokalen Verzeichnisses aus:

      firebase init hosting:github
  3. Befolgen Sie die CLI-Eingabeaufforderungen, und der Befehl kümmert sich automatisch um die Einrichtung der GitHub-Aktion:

    • Erstellt in Ihrem Firebase-Projekt ein Dienstkonto mit der Berechtigung zur Bereitstellung auf Firebase Hosting.

    • Verschlüsselt den JSON-Schlüssel dieses Dienstkontos und lädt ihn als GitHub-Geheimnis in das angegebene GitHub-Repository hoch.

    • Schreibt GitHub-Workflow- yaml Konfigurationsdateien, die auf das neu erstellte Geheimnis verweisen. Diese Dateien konfigurieren die GitHub-Aktion für die Bereitstellung auf Firebase Hosting.

  4. Erstellen Sie in GitHub einen neuen Zweig und übergeben Sie die von der CLI erstellten Workflow yaml Dateien.

  5. Veröffentlichen Sie den Zweig in Ihrem GitHub-Repository.

  6. Führen Sie den Zweig zusammen.

Das ist es! Jede nachfolgende PR in diesem GitHub-Repo erhält automatisch eine eigene „Vorschau-URL“!

Erfahren Sie mehr über die GitHub-Aktion