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 jede PR in Ihrem GitHub-Repository wird ein neuer Vorschaukanal (und die zugehörige Vorschau-URL) erstellt.

  • Fügen Sie dem PR einen Kommentar mit der Vorschau-URL hinzu, damit Sie und die Prüfer die Änderungen des PR in einer Vorabversion Ihrer App ansehen und testen können.

    Bild eines GitHub-Actions-PR-Kommentars mit Vorschau-URL

  • Die Vorschau-URL wird mit den Änderungen aus jedem Commit aktualisiert, indem sie automatisch auf dem zugehörigen Vorschaukanal bereitgestellt wird. Die URL ändert sich nicht mit jedem neuen Commit.

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

Zur Erinnerung: Wenn Sie Vorschau-URLs verwenden, interagiert Ihre App mit den echten Backend-Ressourcen 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. Sie benötigen Administratorberechtigungen für das Repository.

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

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

      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 im Stammverzeichnis Ihres lokalen Verzeichnisses aus:

      firebase init hosting:github
  3. Folgen Sie der Anleitung in der Befehlszeile. Die GitHub-Aktion wird dann automatisch eingerichtet:

    • Es wird ein Dienstkonto in Ihrem Firebase-Projekt mit der Berechtigung zum Bereitstellen auf Firebase Hosting erstellt.

    • Der JSON-Schlüssel dieses Dienstkontos wird verschlüsselt und als GitHub-Secret in das angegebene GitHub-Repository hochgeladen.

    • Schreibt GitHub-Workflow-yaml-Konfigurationsdateien, die auf das neu erstellte Secret verweisen. Mit diesen Dateien wird die GitHub-Aktion für die Bereitstellung auf Firebase Hosting konfiguriert.

  4. Erstellen Sie in GitHub einen neuen Branch und committen Sie die von der Befehlszeile erstellten Workflow-yaml-Dateien.

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

  6. Den Branch zusammenführen.

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

Weitere Informationen zur GitHub-Aktion