Firebase Studio bietet mehrere Veröffentlichungsoptionen, sodass Sie die Methode auswählen können, die am besten zu den Anforderungen Ihres Projekts passt. Hier ist eine Übersicht über die verfügbaren Optionen:
Firebase App Hosting: App Hosting eignet sich ideal für die Veröffentlichung dynamischer Next.js- und Angular-Anwendungen. Es bietet integrierte Framework-Unterstützung, GitHub-Integration und Integration in andere Firebase-Produkte wie Firebase Authentication, Cloud Firestore und Vertex AI in Firebase.
Wenn Sie eine Next.js-App mit der App Prototyping agent entwickelt haben, können Sie sie mit nur wenigen Klicks direkt über Firebase Studio veröffentlichen.
Firebase Hosting: Eignet sich gut für das Hosten von Webanwendungen und statischen Webinhalten (HTML, CSS, JavaScript, Bilder und andere statische Assets) sowie für 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: Mit Cloud Run können Sie containerisierte Anwendungen bereitstellen. Es eignet sich gut für die Veröffentlichung skalierbarer und portabler Anwendungen, die auf jeder Plattform ausgeführt werden können.
Weitere Bereitstellungsoptionen:Sie können die App in der Hostinglösung Ihrer Wahl bereitstellen, einschließlich anderer Plattformen oder Ihres eigenen Servers.
App mit Firebase App Hosting veröffentlichen und überwachen
Wenn Sie eine App mit der App Prototyping agent erstellen, können Sie sie direkt über Firebase Studio bei Firebase App Hosting veröffentlichen.
FürApp mit App Hosting veröffentlichen
Wenn Sie App Hosting einrichten, erstellt Firebase Studio ein Firebase-Projekt für Sie und führt Sie durch die Verknüpfung eines Cloud Billing-Kontos.
So veröffentlichen Sie Ihre App bei Firebase App Hosting:
Klicken Sie auf Veröffentlichen, um ein neues Firebase-Projekt zu erstellen und mit der App HostingEinrichtung zu beginnen. Der Bereich App veröffentlichen wird angezeigt.
Notieren Sie sich im Schritt Firebase-Projekt den Namen des Firebase-Projekts, das für Sie erstellt wurde, und klicken Sie dann auf Weiter.
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 noch kein Cloud Billing-Konto haben oder ein neues erstellen möchten, klicken Sie auf Cloud Billing-Konto erstellen. Daraufhin wird die Google Cloud-Konsole geöffnet, in der Sie ein neues Selfservice-Cloud Billing-Konto erstellen können. Nachdem Sie das Konto erstellt haben, kehren Sie zu Firebase Studio zurück und wählen Sie es in der Liste Cloud Billing verknüpfen aus.
Klicken Sie auf Weiter. Firebase Studio verknüpft das Rechnungskonto mit dem Projekt, das mit Ihrem Arbeitsbereich verknüpft ist. Es wird entweder erstellt, wenn Sie einen Gemini API-Schlüssel automatisch generiert haben, oder wenn Sie auf Veröffentlichen geklickt haben. Anschließend richtet App Hosting eine vollständig verwaltete Umgebung für Ihre App in Google Cloud ein.
Klicken Sie auf Erste Einführung erstellen. Firebase Studio startet die Einführung von App Hosting. Dies kann bis zu zehn Minuten dauern. Weitere Informationen dazu, was im Hintergrund passiert, finden Sie unter Der App Hosting-Buildprozess.
Nach Abschluss des Roll-outs wird die App-Übersicht mit einer URL und App-Statistiken angezeigt, die auf App Hosting-Statistiken basieren. Wenn Sie anstelle der von Firebase generierten Domain eine benutzerdefinierte Domain (z. B. beispiel.de oder app.beispiel.de) verwenden möchten, können Sie in der Firebase-Konsole 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 Hosting App-Übersicht finden Sie wichtige Messwerte und Informationen zu Ihrer App. So können Sie die Leistung Ihrer Webanwendung mithilfe der integrierten Observability-Tools von App Hosting im Blick behalten. Nach der Einführung 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 Roll-out erstellen, um eine neue Version Ihrer App zu veröffentlichen.
- Teilen Sie den Link zu Ihrer App oder öffnen Sie sie direkt unter App aufrufen.
- Hier finden Sie eine Zusammenfassung der Leistung Ihrer App in den letzten sieben Tagen, einschließlich der Gesamtzahl der Anfragen und des Status Ihres letzten Roll-outs. Klicken Sie auf Details ansehen, um in der Firebase-Konsole weitere Informationen aufzurufen.
- Hier sehen Sie eine Grafik mit der Anzahl der Anfragen, die Ihre App in den letzten 24 Stunden erhalten hat, aufgeschlüsselt nach HTTP-Statuscode.
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.
App Hosting-Website rückgängig machen
Wenn Sie mehrere Versionen Ihrer App auf App Hosting bereitgestellt haben, können Sie zu einer der vorherigen Versionen zurückkehren. 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 Anzeigen und dann auf Roll-outs.
Klicken Sie neben der Bereitstellung, auf die Sie zurückwechseln möchten, auf das Dreipunkt-Menü und wählen Sie Zu diesem Build zurückkehren aus. Bestätigen Sie die Auswahl.
Weitere Informationen zum Verwalten von Einführungen und Versionen
So entfernen Sie Ihre App Hosting-Domain aus dem Web:
Öffne in der Firebase-Konsole App Hosting und klicke im Bereich Firebase Studio für Apps auf Anzeigen.
Klicken Sie im Bereich Backend-Informationen auf Verwalten. Die Seite Domains wird geladen.
Klicken Sie neben Ihrer Domain auf das Dreipunkt-Menü , wählen Sie Domain deaktivieren aus und bestätigen Sie die Aktion.
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 aus Ihrem Firebase Studio-Arbeitsbereich in Firebase Hosting veröffentlichen. Bevor Sie eine Web-App bei Firebase Hosting veröffentlichen, erstellen Sie ein Firebase-Projekt und registrieren Sie Ihre App.
Wenn Sie nicht die erforderlichen Berechtigungen für Firebase-Projekte haben, können Sie einen Firebase-Projektinhaber bitten, Ihnen die entsprechende Rolle auf der Seite Firebase„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.
So stellen Sie Ihre App von Firebase Studio auf Firebase Hosting 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 Firebase Hosting initialisieren und folgen Sie der Anleitung im Terminalfenster, um die Bereitstellungskonfiguration einzurichten.
Klicken Sie zum Bereitstellen Ihrer App im Bereich Firebase Studio unter Firebase Hosting entweder auf In Produktion bereitstellen oder auf Im Kanal bereitstellen.
Cloud Run
Bevor Sie eine 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 dann auf Auf Cloud Run bereitstellen.
Wählen Sie Diesem Arbeitsbereich erlauben, mit meinem Google-Konto auf Google Cloud-Ressourcen zuzugreifen aus und wählen Sie dann in den Dialogfeldern ein Google Cloud-Projekt mit aktivierter Abrechnung aus.
Klicken Sie im Bereich Firebase Studio 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.