Web-Frameworks in Hosting einbinden

Firebase Hosting lässt sich in gängige moderne Web-Frameworks wie Angular und Next.js einbinden. Mit Firebase Hosting und Cloud Functions for Firebase in Kombination mit diesen Frameworks können Sie Apps und Mikrodienste in Ihrer bevorzugten Framework-Umgebung entwickeln und dann in einer verwalteten, sicheren Serverumgebung bereitstellen.

In dieser frühen Vorabversion werden die folgenden Funktionen unterstützt:

  • Webanwendungen mit statischen Webinhalten bereitstellen
  • Webanwendungen bereitstellen, die Pre-Rendering / Static Site Generation (SSG) verwenden
  • Web-Anwendungen mit serverseitigem Rendering (SSR) bereitstellen – vollständiges serverseitiges Rendering auf Anfrage

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

Hinweis

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

  • Firebase CLI-Version 12.1.0 oder höher Installieren Sie die Befehlszeile mit der gewünschten Methode.
  • Optional: Abrechnung in Ihrem Firebase-Projekt aktiviert (erforderlich, wenn Sie SSR verwenden möchten)

Lokal ausliefern

So testen Sie Ihre Integration lokal:

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

App auf Firebase Hosting bereitstellen

Wenn Sie Ihre Änderungen mit anderen teilen möchten, stellen Sie Ihre App auf Ihrer Live-Website bereit:

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

Nächste Schritte

Weitere Informationen finden Sie in der ausführlichen Anleitung für Ihr bevorzugtes Framework: