Firebase Studio bietet mehrere Veröffentlichungsoptionen, sodass Sie die Methode auswählen können, die den Anforderungen Ihres Projekts am besten entspricht. Hier finden Sie einen Überblick über die verfügbaren Optionen:
Firebase App Hosting: App Hosting ist ideal für die Veröffentlichung dynamischer Next.js- und Angular-Anwendungen und bietet integrierte Framework-Unterstützung, GitHub-Integration und Integration in andere Firebase-Produkte wie Firebase Authentication, Cloud Firestore und Firebase AI Logic.
Wenn Sie eine Next.js-App mit App Prototyping agent entwickelt haben, können Sie sie mit wenigen Klicks direkt über Firebase Studio veröffentlichen.
Firebase Hosting:Gut geeignet für das Hosting von Web-Apps und statischen Webinhalten (HTML, CSS, JavaScript, Bilder und andere statische Assets) sowie Single-Page-Apps. Firebase Hosting bietet eine schnelle Bereitstellung von Inhalten über ein globales CDN, kostenlose SSL-Zertifikate und Unterstützung für benutzerdefinierte Domains.
Cloud Run:Verwenden Sie Cloud Run, um containerisierte Anwendungen bereitzustellen. Es ist eine gute Wahl für die Veröffentlichung skalierbarer und portabler Anwendungen, die auf jeder Plattform ausgeführt werden können.
Weitere Bereitstellungsoptionen:Sie können die Website auf der Hostinglösung Ihrer Wahl bereitstellen, z. B. auf anderen Plattformen oder auf Ihrem eigenen Server.
App mit Firebase App Hosting veröffentlichen und überwachen
Nachdem Sie Ihre App in Ihrem Arbeitsbereich getestet haben und damit zufrieden sind, können Sie sie mit Firebase App Hosting im Web veröffentlichen.
Wenn Sie App Hosting einrichten, wird ein Firebase-Projekt für Sie erstellt (sofern nicht bereits eines durch die automatische Generierung eines Gemini API-Schlüssels erstellt wurde). Außerdem werden Sie durch die Verknüpfung eines Cloud Billing-Kontos geführt.Firebase Studio
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 wird in App Prototyping agent die mit dem Arbeitsbereich verknüpfte Firebase-Instanz angezeigt. Wenn bei der Gemini API-Schlüsselgenerierung kein Projekt erstellt wurde, wird ein neues Projekt für Sie erstellt. Klicken Sie auf Weiter, um fortzufahren.
Wählen Sie im Schritt Cloud Billing-Konto 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 neues Self-Service-Cloud Billing-Konto erstellen können. Kehren Sie nach dem Erstellen des Kontos zu Firebase Studio zurück und wählen Sie das Konto aus der Liste Cloud Billing verknüpfen aus.
Klicken Sie auf Weiter. Firebase Studio verknüpft das Abrechnungskonto mit dem Projekt, das Ihrem Arbeitsbereich zugeordnet ist. Das Projekt 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. Mit Firebase Studio werden Firebase-Dienste eingerichtet. Dies kann einige Minuten dauern. Weitere Informationen dazu, was im Hintergrund passiert, finden Sie unter Der App Hosting-Build-Prozess.
Wenn Sie nicht sofort veröffentlichen möchten, können Sie auf Später veröffentlichen klicken.Wenn der Veröffentlichungsschritt abgeschlossen ist, wird die App-Übersicht mit einer URL und App-Insights auf Grundlage von App Hosting-Observability angezeigt. Wenn Sie anstelle der von Firebase generierten Domain eine benutzerdefinierte Domain wie 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 App Hosting und seine Funktionsweise.
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 Web-App mit den integrierten Observability-Tools von App Hosting im Blick behalten. Nachdem Ihre Website eingeführt wurde, 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.
- Hier finden Sie eine Zusammenfassung der Leistung Ihrer App in den letzten 7 Tagen, einschließlich der Gesamtzahl der Anfragen und des Status Ihres letzten Roll-outs. Klicken Sie auf Details ansehen, um noch mehr Informationen in der Firebase-Konsole 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.
Wenn Sie das Feld „App-Übersicht“ schließen, können Sie es jederzeit wieder öffnen, indem Sie auf Veröffentlichen klicken.
Weitere Informationen zum Verwalten und Überwachen von App Hosting-Roll-outs
Rollback Ihrer App Hosting-Website durchführen
Wenn Sie aufeinanderfolgende Versionen Ihrer App in App Hosting bereitgestellt haben, können Sie ein Rollback auf eine der früheren Versionen durchführen. Sie können sie auch entfernen.
So führen Sie ein Rollback für eine veröffentlichte Website durch:
Öffnen Sie App Hosting in der Firebase-Konsole.
Suchen Sie das Backend Ihrer App, klicken Sie auf Ansehen und dann auf Rollouts.
Klicken Sie neben dem Deployment, zu dem Sie ein Rollback durchführen möchten, auf das Dreipunkt-Menü , wählen Sie Rollback zu diesem Build durchführen aus und bestätigen Sie die Auswahl.
So entfernen Sie Ihre App Hosting-Domain aus dem Web:
Öffnen Sie in der Firebase-Konsole die App Hosting und klicken Sie im Bereich der Firebase Studio-App auf Anzeigen.
Klicken Sie im Abschnitt Backend-Informationen auf Verwalten. Die Seite Domains wird geladen.
Klicken Sie neben Ihrer Domain auf das Dreipunkt-Menü und wählen Sie Domain deaktivieren aus. Bestätigen Sie die Auswahl.
Dadurch wird Ihre Domain aus dem Web entfernt. Wenn Sie Ihr App Hosting-Backend vollständig entfernen möchten, folgen Sie der Anleitung unter Backend löschen.
Firebase Hosting
Sie können Webanwendungen in Firebase Hosting über Ihren Firebase Studio-Arbeitsbereich veröffentlichen. Bevor Sie eine Web-App in Firebase Hosting veröffentlichen, erstellen Sie ein Firebase-Projekt und registrieren Sie Ihre App.
Wenn Sie nicht die erforderlichen Berechtigungen für das Firebase-Projekt haben, können Sie einen Inhaber des Firebase-Projekts bitten, Ihnen die entsprechende Rolle auf der Seite Firebase-Konsole > „Nutzer und Berechtigungen“ zuzuweisen. Wenn Sie Fragen zum Zugriff auf Ihr Firebase-Projekt haben, z. B. zum Suchen oder Zuweisen eines Inhabers, lesen Sie den Hilfeartikel Berechtigungen und Zugriff auf Firebase-Projekte.
So stellen Sie Ihre App auf Firebase Hosting über Firebase Studio bereit:
Öffnen Sie Ihren Firebase Studio-Arbeitsbereich. Wenn Sie die App Prototyping agent verwenden, klicken Sie auf
Zum Code wechseln, um die Code-Ansicht zu öffnen.Klicken Sie im Navigationsbereich auf das Symbol Firebase Studio, um den Bereich Firebase Studio zu öffnen, und maximieren Sie den Abschnitt Firebase Hosting.
Klicken Sie auf Firebase authentifizieren und folgen Sie der Anleitung im Terminalfenster, um Ihr Firebase-Konto zu authentifizieren.
Klicken Sie auf Initialize Firebase Hosting (Initialisieren Firebase Hosting) und folgen Sie der Anleitung im Terminalfenster, um die Bereitstellungskonfiguration einzurichten.
Klicken Sie zum Bereitstellen Ihrer App im Bereich Firebase Hosting des Firebase Studio-Bereichs auf In Produktion bereitstellen oder Auf Kanal bereitstellen.
Cloud Run
Bevor Sie die Bereitstellung mit Cloud Run vornehmen, müssen Sie ein Google Cloud-Projekt einrichten und Cloud Billing aktivieren.
Öffnen Sie Ihren Firebase Studio-Arbeitsbereich. Wenn Sie die App Prototyping agent verwenden, klicken Sie auf
Zum Code wechseln, um die Code-Ansicht zu öffnen.Klicken Sie im Navigationsbereich auf das Symbol Firebase Studio, um den Bereich Firebase Studio zu öffnen, und klicken Sie auf In Cloud Run bereitstellen.
Wählen Sie Diesem Arbeitsbereich erlauben, mit meinem Google-Konto auf Google Cloud-Ressourcen zuzugreifen und dann in den Dialogfeldern ein Google Cloud-Projekt mit aktivierter Abrechnung aus.
Klicken Sie im Bereich Firebase Studio im Abschnitt Cloud Run auf Authentifizieren und folgen Sie der Anleitung.
Klicken Sie auf Bereitstellen und folgen Sie der Anleitung, um die Bereitstellungskonfiguration einzurichten und Ihre App bereitzustellen.