Integrieren Sie Web-Frameworks mit Hosting

Firebase Hosting lässt sich in gängige moderne Web-Frameworks integrieren, darunter Angular und Next.js. Wenn Sie Firebase Hosting und Cloud Functions for Firebase mit diesen Frameworks verwenden, können Sie 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 Vorschau umfasst die folgenden Funktionen:

  • Stellen Sie Web-Apps bereit, die aus statischen Webinhalten bestehen
  • Stellen Sie Web-Apps bereit, die Pre-Rendering/Static Site Generation (SSG) verwenden.
  • Stellen Sie Web-Apps bereit, die serverseitiges Rendering (SSR) verwenden – vollständiges Server-Rendering nach Bedarf

Firebase stellt diese Funktionalität über die Firebase-CLI bereit. Wenn Sie Hosting über die Befehlszeile initialisieren, geben Sie Informationen zu Ihrem neuen oder vorhandenen Webprojekt ein und die CLI richtet die richtigen Ressourcen für Ihr ausgewähltes Web-Framework ein.

Bevor Sie beginnen

Bevor Sie mit der Bereitstellung Ihrer App in Firebase beginnen, prüfen Sie die folgenden Anforderungen und Optionen:

Lokal servieren

Sie können Ihre Integration lokal testen, indem Sie die folgenden Schritte ausführen:

  1. Führen Sie firebase emulators:start vom Terminal aus. Dadurch wird Ihre App erstellt und über die Firebase-CLI bereitgestellt.
  2. Öffnen Sie Ihre Web-App unter der lokalen URL, die von der CLI zurückgegeben wird (normalerweise http://localhost:5000).

Stellen Sie Ihre App auf Firebase Hosting bereit

Wenn Sie bereit sind, Ihre Änderungen mit der Welt zu teilen, stellen Sie Ihre App auf Ihrer Live-Site bereit:

  1. Führen Sie firebase deploy über das Terminal aus.
  2. Überprüfen Sie Ihre Website unter: SITE_ID.web.app oder PROJECT_ID.web.app (oder Ihrer benutzerdefinierten Domain, falls Sie eine eingerichtet haben).

Nächste Schritte

Sehen Sie sich die ausführliche Anleitung für Ihr bevorzugtes Framework an: