Bereitstellung auf Live- und Vorschaukanälen über GitHub-Pull-Requests

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

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

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

    Bild von GitHub Action PR-Kommentar mit Vorschau-URL

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

  • (Optional) setzt auf den aktuellen Stand Ihrer GitHub Repo zu Ihrem Live - Kanal , wenn die PR zusammengeführt wird.

Zur Erinnerung: Bei der Verwendung von Vorschau - URLs, Ihre Anwendung interagiert mit den realen Backend - Ressourcen Ihres Firebase - Projektes.

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 Administratorberechtigungen für das Repository verfügen.

  2. In einer lokalen Version Ihrer Repo einrichten Firebase das Hosting mit firebase init Befehl .

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

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

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

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

    • Verschlüsselt das Dienstkonto des JSON - Schlüssel und lädt sie auf den angegebenen GitHub - Repository als geheime GitHub .

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

  4. In GitHub, erstellen Sie einen neuen Zweig und verpflichten sich, die Workflow - yaml Dateien , die vom CLI erstellt.

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

  6. Führen Sie die Filiale zusammen.

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

Erfahre mehr über die GitHub-Aktion