Firebase Studio bietet mehrere Veröffentlichungsoptionen, sodass Sie die Methode auswählen können, die am besten zu den Anforderungen Ihres Projekts passt. Folgende Optionen sind verfügbar:
Firebase App Hosting: Ideal für die Veröffentlichung dynamischer Next.js- und Angular-Anwendungen. App Hosting bietet integrierte Framework-Unterstützung, GitHub-Integration und Integration mit anderen Firebase-Produkten wie Firebase Authentication, Cloud Firestore und Firebase AI Logic.
Wenn Sie eine Next.js-App mit dem App Prototyping agent entwickelt haben, können Sie sie mit wenigen Klicks direkt in Firebase Studio veröffentlichen.
Firebase Hosting: Gut geeignet für das Hosting von Web anwendungen und statischen Webinhalten (HTML, CSS, JavaScript, Bilder und andere statische Assets) sowie Single-Page-Anwendungen. Firebase Hosting bietet eine schnelle Inhaltsbereitstellung über ein globales CDN, kostenlose SSL-Zertifikate und Unterstützung für benutzerdefinierte Domains.
Wenn Sie eine statische oder Single-Page-Webanwendung in Firebase Studio, entwickelt haben, können Sie sie direkt in Firebase Studio veröffentlichen, indem Sie Gemini auffordern, Ihre App zu veröffentlichen.
Cloud Run: Mit Cloud Run können Sie containerisierte Anwendungen bereitstellen. Es ist eine gute Wahl für die Veröffentlichung skalierbarer und portabler Anwendungen, die auf jeder Plattform ausgeführt werden können.
Andere Bereitstellungsoptionen: Sie können die Bereitstellung in der Hostinglösung Ihrer Wahl vornehmen, einschließlich anderer Plattformen oder Ihres eigenen Servers.
App mit Firebase App Hosting veröffentlichen und überwachen
Nachdem Sie Ihre App getestet haben und mit ihr in Ihrem Arbeitsbereich zufrieden sind, können Sie sie mit Firebase App Hosting im Web veröffentlichen.
Wenn Sie App Hosting einrichten, erstellt Firebase Studio ein Firebase-Projekt für Sie (falls noch keines durch die automatische Generierung eines Gemini API Schlüssels oder anderer Back-End-Dienste erstellt wurde) und führt Sie durch die Verknüpfung eines Cloud Billing Kontos.
So veröffentlichen Sie Ihre App:
Klicken Sie auf Veröffentlichen , um Ihr Firebase-Projekt einzurichten und Ihre App zu veröffentlichen. Der Bereich App veröffentlichen wird angezeigt.
Im Schritt Firebase-Projekt zeigt der App Prototyping agent das Firebase-Projekt an, das mit dem Arbeitsbereich verknüpft ist. Wenn noch kein Firebase-Projekt vorhanden ist, erstellt der App Prototyping agent ein neues Projekt für Sie. Klicken Sie auf Weiter , um fortzufahren.
Wählen Sie im Schritt Konto Cloud Billing verknüpfen eine der folgenden Optionen aus:
Wählen Sie das Cloud Billing Konto aus, das Sie mit Ihrem Firebase Projekt verknüpfen möchten.
Wenn Sie kein Cloud Billing Konto haben oder ein neues erstellen möchten, klicken Sie auf Cloud Billing Konto erstellen. Dadurch wird die Google Cloud Konsole geöffnet, in der Sie ein neuesKonto für die Selbstbedienung Cloud Billing erstellen können. Kehren Sie nach dem Erstellen des Kontos zu Firebase Studio zurück und wählen Sie das Konto in der Liste Link Cloud Billing aus.
Klicken Sie auf Weiter. Firebase Studio verknüpft das Rechnungskonto mit dem Projekt, das mit Ihrem Arbeitsbereich verknüpft ist. Dieses wurde entweder beim automatischen Generieren eines Gemini API Schlüssels oder beim Klicken auf Veröffentlichen erstellt.
Klicken Sie auf Dienste einrichten. Der App Prototyping agent beginnt mit der Bereitstellung von Firebase-Diensten.
Klicken Sie auf Jetzt veröffentlichen. Firebase Studio richtet Firebase-Dienste ein und startet dann die App Hosting Bereitstellung. Das kann einige Minuten dauern. Weitere Informationen zu den Vorgängen hinter den Kulissen finden Sie unter Der App Hosting Build-Prozess.
Nach Abschluss des Veröffentlichungsschritts wird die App-Übersicht mit einer URL und App-Insights angezeigt, die auf der App Hosting Beobachtbarkeit basieren. Wenn Sie anstelle der von Firebase generierten Domain eine benutzerdefinierte Domain (z. B. „example.com“ oder „app.example.com“) verwenden möchten, können Sie in der Firebase Console eine benutzerdefinierte Domain hinzufügen.
Weitere Informationen zu App Hosting finden Sie unter Grundlegendes zu App Hosting und Funktionsweise.
(Cloud Firestore nur) Indexe hinzufügen und Sicherheitsregeln in der Produktion überprüfen
Nach Abschluss der Veröffentlichung und der Bereitstellung Ihrer App in Firebase können Cloud Firestore und Firebase Authentication in der Produktion getestet werden.
Indexe für Ihre Cloud Firestore Datenbank generieren
Wenn Sie Ihre App in Cloud Firestore bereitstellen, werden Indexe nicht automatisch generiert. Das bedeutet, dass Sie nach der Veröffentlichung möglicherweise Indexe für Ihre Abfragen generieren müssen.
Dies kann in Fehlermeldungen oder in der Entwicklerkonsole Ihres Browsers angezeigt werden.
So generieren Sie Indexe nach der Veröffentlichung:
Über eine veröffentlichte App:Suchen Sie im Bereich App-Übersicht (klicken Sie auf Veröffentlichen , falls er nicht sichtbar ist) nach dem Link App aufrufen und klicken Sie darauf.
Über die Firebase Studio Vorschau: Öffnen Sie die Entwicklerkonsole Ihres Browsers und suchen Sie nach der Fehlermeldung 200, die Cloud Firestore generiert wird.
Testen Sie alle Abläufe in Ihrer App. Möglicherweise wird eine Fehlermeldung angezeigt, z. B. „Fehler beim Laden von Rezepten. Für die Abfrage ist ein Index erforderlich. Sie können ihn hier erstellen:" mit einem Link zur Firebase Console.
Folgen Sie dem Link zur Firebase Console. Dort wird ein empfohlener Index angezeigt.
Klicken Sie auf Speichern , um den empfohlenen Index zu akzeptieren.
Kehren Sie zu Ihrer App zurück und laden Sie die Seite neu.
Testen Sie weiterhin alle Abläufe in Ihrer App, um bei Bedarf Indexe hinzuzufügen.
Weitere Informationen finden Sie unter Indexe in Cloud Firestore verwalten.
Cloud Firestore- und Firebase Authentication-Daten in der Firebase-Konsole ansehen
Nach der Veröffentlichung können Sie in der Firebase Console Live-Daten aus Ihrer App ansehen.
Wenn Sie Ihre Live-Cloud Firestore Datenbank ansehen möchten, öffnen Sie die Firebase Console und wählen Sie im Navigationsmenü Erstellen > Firestore-Datenbank aus.
Hier können Sie gespeicherte Daten prüfen, Ihre Sicherheitsregeln ansehen und testen sowie Indexe erstellen. Weitere Informationen finden Sie unter Cloud Firestore.
Wenn Sie Ihre Live-Firebase Authentication Daten ansehen möchten, öffnen Sie die Firebase Console und wählen Sie im Navigationsmenü Build > Authentication aus.
Hier können Sie Ihre Authentifizierungskonfiguration und App-Nutzer prüfen. Weitere Informationen finden Sie unter Firebase Authentication.
Cloud Firestore-Regeln in der Produktion testen
Nach der Veröffentlichung Ihrer App sollten Sie Ihre Cloud Firestore Sicherheitsregeln noch einmal in Ihrer Produktionsumgebung testen. So lässt sich sicherstellen, dass Ihre Daten für autorisierte Nutzer zugänglich und vor unbefugtem Zugriff geschützt sind.
Sie können Ihre Regeln mit allen folgenden Methoden testen:
Anwendungstests: Interagieren Sie mit Ihrer bereitgestellten Anwendung, führen Sie Vorgänge aus, die verschiedene Datenzugriffsmuster (Lesen, Schreiben, Löschen) für verschiedene Nutzerrollen oder ‑status auslösen. Mit diesen Tests in der Praxis lässt sich bestätigen, dass Ihre Regeln korrekt angewendet werden.
Regelsimulator: Für gezielte Prüfungen können Sie den Regelsimulator in der Firebase Console verwenden. Mit diesem Tool können Sie Anfragen (Lesen, Schreiben, Löschen) für Ihre Cloud Firestore Datenbank mit Ihren Produktionsregeln simulieren. Sie können den Authentifizierungsstatus des Nutzers, den Pfad zu den Daten und den Vorgangstyp angeben, um zu sehen, ob Ihre Regeln den Zugriff wie beabsichtigt zulassen oder verweigern.
Unittests: Für umfassendere Tests können Sie Unittests für Ihre Sicherheits regeln schreiben. Das Firebase Studio Vorschau-Back-End, das auf der Firebase Local Emulator Suite basiert, ermöglicht Ihnen, diese Tests lokal auszuführen, und das Verhalten Ihrer Produktionsregeln zu simulieren. Dies ist eine robuste Möglichkeit, komplexe Regel-Logik zu überprüfen und die Abdeckung für verschiedene Szenarien zu bestätigen. Nach der Bereitstellung sollten Sie noch einmal prüfen, ob Ihre Unittests mit dem Emulator wie erwartet funktionieren und alle Szenarien abdecken.
App mit App Hosting Beobachtbarkeit überwachen
Im Bereich App-Übersicht in Firebase Studio finden Sie wichtige Messwerte und Informationen zu Ihrer App. So können Sie die Leistung Ihrer Webanwendung mit den integrierten Beobachtbarkeitstools von App Hosting's überwachen. Nach der Bereitstellung Ihrer Website können Sie auf die Übersicht zugreifen, indem Sie auf Veröffentlichen klicken. In diesem Bereich haben Sie folgende Möglichkeiten:
- Klicken Sie auf Veröffentlichen , um eine neue Version Ihrer App zu veröffentlichen.
- Teilen Sie den Link zu Ihrer App oder öffnen Sie Ihre App direkt unter App aufrufen.
- Sehen Sie sich eine Zusammenfassung der Leistung Ihrer App in den letzten 7 Tagen an, einschließlich der Gesamtzahl der Anfragen und des Status der letzten Bereitstellung. Klicken Sie auf Details ansehen , um in der Firebase Console noch mehr Informationen aufzurufen.
- Sehen Sie sich ein Diagramm mit der Anzahl der Anfragen an, die Ihre App in den letzten 24 Stunden erhalten hat, aufgeschlüsselt nach HTTP-Statuscode.
- Sehen Sie sich den Aktivierungsstatus von Firebase-Diensten wie Firebase Authentication und Cloud Firestore an.
Wenn Sie den Bereich „App-Übersicht“ schließen, können Sie ihn jederzeit wieder öffnen, indem Sie auf Veröffentlichen klicken.
Weitere Informationen zum Verwalten und Überwachen von App Hosting Roll-outs finden Sie unter Roll-outs und Releases verwalten.
Ihre App Hosting Website zurücksetzen
Wenn Sie mehrere Versionen Ihrer App in App Hosting bereitgestellt haben, können Sie sie auf eine der früheren Versionen zurücksetzen. Sie können sie auch entfernen.
So setzen Sie eine veröffentlichte Website zurück:
Öffnen Sie App Hosting in der Firebase Konsole.
Suchen Sie das Back-End Ihrer App, klicken Sie auf Ansehen und dann auf Bereitstellungen.
Klicken Sie neben der Bereitstellung, zu der Sie zurückkehren möchten, auf das Dreipunkt-Menü Mehr und wählen Sie dann Zu diesem Build zurückkehren aus. Bestätigen Sie die Auswahl.
Weitere Informationen finden Sie unter Bereitstellungen und Releases verwalten.
So entfernen Sie Ihre App Hosting Domain aus dem Web:
Öffnen Sie in der Firebase Konsole App Hosting und klicken Sie im Bereich der Firebase Studio App auf Ansehen.
Klicken Sie im Bereich Back-End-Informationen auf Verwalten. Die Seite Domains wird geladen.
Klicken Sie neben Ihrer Domain auf das Dreipunkt-Menü Mehr und wählen Sie dann Domain deaktivieren aus. Bestätigen Sie die Auswahl.
Dadurch wird Ihre Domain aus dem Web entfernt. Wenn Sie Ihr App Hosting Back-End vollständig entfernen möchten, folgen Sie der Anleitung unter Back-End löschen.
Firebase Hosting
Sie können statische und Single-Page-Webanwendungen in Firebase Hosting über Ihren Firebase Studio Arbeitsbereich veröffentlichen.
Wenn Sie nicht die erforderlichen Firebase-Projektberechtigungen haben, bitten Sie einen Firebase-Projektinhaber, Ihnen die entsprechende Rolle in der Firebase Console auf der Seite „Nutzer und Berechtigungen“ zuzuweisen. Wenn Sie Fragen zum Zugriff auf Ihr Firebase-Projekt haben, einschließlich zum Suchen oder Zuweisen eines Inhabers, lesen Sie den Hilfeartikel Berechtigungen und Zugriff auf Firebase-Projekte.
Mit Unterstützung von Gemini veröffentlichen
Geben Sie im Chat mit Gemini eine Eingabeaufforderung wie „Meine App veröffentlichen“ ein.
Gemini führt Sie durch die erforderlichen Schritte. Dazu gehört möglicherweise das Erstellen eines Firebase-Projekts und das Registrieren Ihrer App, falls Sie dies noch nicht getan haben.
Über den Bereich „Firebase Studio“ veröffentlichen
Firebase Hosting ist für statische Websites und Single-Page-Anwendungen optimiert. Wenn Ihr Projekt dynamische Inhalte enthält, Gemini initiiert möglicherweise nicht den Veröffentlichungsvorgang. Wenn dies der Fall ist, Sie aber trotzdem Firebase Hosting verwenden möchten, veröffentlichen Sie Ihr Projekt über den Firebase Studio Bereich:
Erstellen Sie ein Firebase-Projekt und registrieren Sie Ihre App, falls Sie dies noch nicht getan haben, .
Öffnen Sie Ihren Firebase Studio Arbeitsbereich.
- Wenn Sie den App Prototyping agent verwenden, klicken Sie auf
Zu Code wechseln , um die Code Ansicht zu öffnen.
- Wenn Sie den App Prototyping agent verwenden, klicken Sie auf
Klicken Sie im Navigationsbereich auf das Firebase Studio-Symbol, um den Bereich zu öffnen, und maximieren Sie dann den Firebase Hosting Bereich.
Klicken Sie auf Firebase authentifizieren und folgen Sie der Anleitung im Terminalfenster, um Ihr Firebase-Konto zu authentifizieren.
Klicken Sie auf Initialisieren Firebase Hosting und folgen Sie der Anleitung im Terminalfenster, um Ihre Bereitstellungskonfiguration einzurichten.
Wenn Sie Ihre App bereitstellen möchten, klicken Sie entweder auf In Produktion bereitstellen oder auf In Channel bereitstellen im Bereich Firebase Hosting des Firebase Studio Bereichs.
Cloud Run
Bevor Sie die Bereitstellung mit Cloud Run vornehmen, müssen Sie ein Google Cloud Projekt einrichten und die Cloud Billing aktivieren.
Öffnen Sie Ihren Firebase Studio Arbeitsbereich. Wenn Sie den App Prototyping agent verwenden, klicken Sie auf
Zu Code wechseln , um die Code Ansicht zu öffnen.Klicken Sie im Navigationsbereich auf das Firebase Studio-Symbol, um den Firebase Studio-Bereich zu öffnen, und klicken Sie dann auf In Cloud Run bereitstellen.
Wählen Sie Diesem Arbeitsbereich den Zugriff auf Google Cloud Ressourcen mit meinem Google-Konto erlauben aus und wählen Sie dann in den Dialogfeldern ein Google Cloud Projekt aus, für das die Abrechnung aktiviert ist.
Klicken Sie im Bereich Cloud Run des Firebase Studio Bereichs auf Authentifizieren und folgen Sie der Anleitung zur Authentifizierung.
Klicken Sie auf Bereitstellen und folgen Sie der Anleitung, um Ihre Bereitstellungskonfiguration einzurichten und Ihre App bereitzustellen.