If you are building server-rendered Angular or Next.js apps, check out next-generation Firebase App Hosting, a full-stack solution for modern web frameworks.

Google uses AI technology to translate content into your preferred language. AI translations can contain errors.

Web-Frameworks in Hosting einbinden

Firebase Hosting lässt sich in beliebte moderne Webframeworks wie Angular und Next.js einbinden. Mit Firebase Hosting und Cloud Functions for Firebase können Sie mit diesen Frameworks Apps und Microservices in Ihrer bevorzugten Framework Umgebung entwickeln und sie dann in einer verwalteten, sicheren Serverumgebung bereitstellen.

Die Unterstützung während dieser frühen Vorabversion umfasst die folgenden Funktionen:

Webanwendungen bereitstellen, die aus statischen Webinhalten bestehen
Webanwendungen bereitstellen, die Vorrendering / statische Websitegenerierung (Static Site Generation, SSG) verwenden
Webanwendungen bereitstellen, die serverseitiges Rendering (Server-Side Rendering, SSR) verwenden – vollständiges Serverseitiges Rendering bei Bedarf

Firebase bietet diese Funktion über die Firebase CLI. Wenn Sie Hosting in der Befehlszeile initialisieren, geben Sie Informationen zu Ihrem neuen oder vorhandenen Webprojekt an. Die CLI richtet dann die richtigen Ressourcen für das von Ihnen ausgewählte Web Framework ein.

Hinweis

Bevor Sie mit der Bereitstellung Ihrer App in Firebase beginnen, lesen Sie sich die folgenden Anforderungen und Optionen durch:

Firebase CLI-Version 12.1.0 oder höher. Stellen Sie sicher, dass Sie die CLI mit der von Ihnen bevorzugten Methode installieren.
Optional: Abrechnung für Ihr Firebase-Projekt aktiviert (erforderlich, wenn Sie SSR verwenden möchten)

Lokal bereitstellen

So testen Sie Ihre Integration lokal:

Führen Sie im Terminal firebase emulators:start aus. Dadurch wird Ihre App erstellt und mit der Firebase CLI bereitgestellt.
Öffnen Sie Ihre Webanwendung unter der lokalen URL, die von der CLI zurückgegeben wurde (in der Regel http://localhost:5000).

App in Firebase Hosting bereitstellen

Wenn Sie bereit sind, Ihre Änderungen mit anderen zu teilen, stellen Sie Ihre App auf Ihrer Live-Website bereit:

Führen Sie im Terminal firebase deploy aus.
Prüfen Sie Ihre Website unter SITE_ID.web.app oder PROJECT_ID.web.app (oder Ihrer benutzerdefinierten Domain, falls Sie eine eingerichtet haben).

Verschiedene Umgebungen konfigurieren

Sie können mehrere Sätze von Umgebungsvariablen für verschiedene Projektumgebungen wie Staging und Produktion bereitstellen.

Wie Cloud Functions für Firebase unterstützt dieses Tool das dotenv -Dateiformat zum Laden von Umgebungsvariablen, die in einer .env-Datei angegeben sind.

Wenn Sie einen staging-Projektalias haben, können Sie Umgebungsvariablen aus einer .env.staging-Datei bereitstellen.
Wenn Sie einen production-Projektalias haben, können Sie Umgebungsvariablen aus einer .env.production-Datei bereitstellen.
Wenn Sie ein Projekt mit der ID PROJECT_ID haben, können Sie Umgebungsvariablen aus einer .env.PROJECT_ID-Datei bereitstellen.

Eine detaillierte Anleitung finden Sie in der Cloud Functions-Dokumentation.

Nächste Schritte

Eine detaillierte Anleitung für Ihr bevorzugtes Framework finden Sie hier: