Live bereitstellen & Vorschaukanäle über GitHub-Pull-Anfragen

Sie können Bereitstellungen in Firebase Hosting über eine GitHub-Aktion einbinden. Diese GitHub-Aktion bietet folgende Vorteile:

  • Für jeden PR in Ihrem GitHub-Repository wird ein neuer Vorschaukanal (und die zugehörige Vorschau-URL) erstellt.

  • Fügt dem PR-Team einen Kommentar mit der Vorschau-URL hinzu. sodass Sie und jeder Prüfer die Änderungen des PR in einem „preview“ Version Ihrer App.

    Bild eines PR-Kommentars zu GitHub Action mit Vorschau-URL

  • Aktualisiert die Vorschau-URL mit Änderungen aus jedem Commit automatisch, indem auf dem zugehörigen Vorschaukanal bereitstellen. Die URL ändert sich nicht mit jedem neuen Commits erstellt.

  • Optional: Der aktuelle Status Ihres GitHub-Repositories wird in Ihren Live-Kanal bereitgestellt, wenn der PR zusammengeführt wird.

Erinnerung: Bei Verwendung von Vorschau-URLs interagiert die App mit dem realen Back-End. Ihres Firebase-Projekts.

GitHub-Aktion für die Bereitstellung auf Firebase Hosting einrichten

  1. Erstellen Sie ein öffentliches oder privates GitHub-Repository oder verwenden Sie ein vorhandenes. Ich müssen Administratorberechtigungen für das Repository haben.

  2. Richten Sie Firebase Hosting in einer lokalen Version Ihres Repositorys mithilfe des firebase init-Befehl:

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

      firebase init hosting
    • Wenn du Hosting bereits eingerichtet hast, musst du nur den Teil für GitHub-Aktionen von Hosting einrichten. Führen Sie diese Version des Befehls aus Stammverzeichnis Ihres lokalen Verzeichnisses:

      firebase init hosting:github
  3. Folgen Sie den Anweisungen der Befehlszeile. Der Befehl kümmert sich automatisch um Folgendes: GitHub-Aktion einrichten:

    • In Ihrem Firebase-Projekt wird ein Dienstkonto mit der Berechtigung für folgende Aktionen erstellt: In Firebase Hosting bereitstellen.

    • Verschlüsselt den JSON-Schlüssel dieses Dienstkontos und lädt ihn in den angegebenen GitHub-Repository als GitHub-Secret:

    • Schreibt die yaml-Konfigurationsdateien für den GitHub-Workflow, die auf die neu erstelltes Secret verwenden. Diese Dateien konfigurieren die GitHub-Aktion für die Bereitstellung in Firebase Hosting

  4. Erstellen Sie in GitHub einen neuen Branch und führen Sie einen Commit für die erstellten yaml-Dateien des Workflows durch. über die Befehlszeile.

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

  6. Führen Sie den Zweig zusammen.

Geschafft! Jede nachfolgende PR in diesem GitHub-Repository erhält automatisch eine eigene PR „preview URL“.

Weitere Informationen zur GitHub-Aktion