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

Sie können Bereitstellungen für Firebase Hosting über eine GitHub-Aktion einbinden. Das kann diese GitHub Action für Sie tun:

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

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

  

  

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

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

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

GitHub-Aktion für die Bereitstellung in 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 im Stammverzeichnis Ihres lokalen Verzeichnisses aus:

     firebase init hosting

   • Wenn Sie Hosting BEREITS eingerichtet haben, müssen Sie nur den GitHub Actions-Teil 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-Aufforderungen. Das Einrichten der GitHub Action wird automatisch vom Befehl übernommen:

   • Erstellt ein Dienstkonto in Ihrem Firebase-Projekt mit der Berechtigung, in Firebase Hosting bereitzustellen.

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

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

4. Erstellen Sie in GitHub einen neuen Branch und committen Sie die Workflow-yaml-Dateien, die von der CLI erstellt wurden.

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

6. Führen Sie den Zweig zusammen.

Geschafft! Jede nachfolgende Pull-Anfrage in diesem GitHub-Repository erhält automatisch eine eigene „Vorschau-URL“.

Weitere Informationen zur GitHub-Aktion

• Firebase verwaltet die GitHub-Aktion „Deploy to Firebase Hosting“ als Open-Source-Projekt. Quellcode ansehen

• Die GitHub-Aktion „Deploy to Firebase Hosting“ (Auf Firebase Hosting bereitstellen) ermöglicht weitere Konfigurationen, z. B. das Anpassen des Ablaufdatums für einen Vorschaukanal oder das Festlegen eines nicht aktiven Kanals, auf dem die Bereitstellung erfolgen soll, wenn ein Pull-Request zusammengeführt wird. Weitere Informationen zu den verfügbaren Konfigurationsoptionen

• Weitere Informationen zu GitHub Actions