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-Aktion für Sie tun:

• Für jeden Pull-Request in Ihrem GitHub-Repository wird ein neuer Preview-Channel (und die zugehörige Preview-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 Vorschauversion 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 in Ihrem Live-Channel bereit, wenn der Pull-Request 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 GitHub-Repository (öffentlich oder privat) 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-Aktion 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 Branch in Ihrem GitHub-Repository.

6. Zweig zusammenführen

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“ bietet weitere Konfigurationsmöglichkeiten, z. B. das Anpassen des Ablaufdatums für einen Vorschaukanal oder das Festlegen eines nicht aktiven Kanals, auf dem bereitgestellt werden soll, wenn ein Pull-Request zusammengeführt wird. Weitere Informationen zu den verfügbaren Konfigurationsoptionen

• Weitere Informationen zu GitHub Actions