Web-Frameworks in Hosting einbinden

Firebase Hosting lässt sich in gängige moderne Web-Frameworks wie Angular und Next.js einbinden. Firebase Hosting und Cloud Functions for Firebase mit diesen verwenden Frameworks können Sie Anwendungen und Mikrodienste in Ihrem bevorzugten Framework entwickeln. und stellen sie dann in einer verwalteten, sicheren Serverumgebung bereit.

In dieser ersten Vorabversion werden folgende Funktionen unterstützt:

  • Web-Apps bereitstellen, die aus statischen Webinhalten bestehen
  • Webanwendungen mit Pre-Rendering/Static Site Generation (SSG) bereitstellen
  • Webanwendungen mit serverseitigem Rendering (SSR) bereitstellen – vollständiges Server-Rendering bei Bedarf

Firebase stellt diese Funktion über die Firebase-Befehlszeile bereit. Beim Initialisieren Hosting in der Befehlszeile geben Sie Informationen zu Ihrem neuen oder vorhandenen Webprojekt und die Befehlszeile richtet die richtigen Ressourcen für Ihr ausgewähltes Framework.

Hinweis

Bevor Sie mit der Bereitstellung Ihrer App in Firebase beginnen, sollten Sie sich mit den folgenden Anforderungen und Optionen vertraut machen:

  • Firebase CLI-Version 12.1.0 oder höher Achten Sie darauf, Befehlszeile installieren mit Ihrer bevorzugten Methode.
  • Optional: Abrechnung für Ihr Firebase-Projekt aktiviert (erforderlich, wenn Sie SSR nutzen möchten)

Lokal bereitstellen

So kannst du deine Integration lokal testen:

  1. Führen Sie firebase emulators:start über das Terminal aus. Dadurch werden Ihre App und stellt sie über die Firebase-Befehlszeile bereit.
  2. Öffnen Sie Ihre Webanwendung unter der lokalen URL, die von der Befehlszeile zurückgegeben wird (in der Regel http://localhost:5000).

Anwendung in Firebase Hosting bereitstellen

Wenn Sie bereit sind, Ihre Änderungen mit der Welt zu teilen, stellen Sie Ihre Anwendung auf Ihrem Live-Website:

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

Nächste Schritte

Hier finden Sie eine detaillierte Anleitung für Ihr bevorzugtes Framework: