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:
- Firebase CLI-Version 12.1.0 oder höher. Stellen Sie sicher, dass Sie die CLI mit Ihrer bevorzugten Methode installieren .
- Optional: Abrechnung für Ihr Firebase-Projekt aktiviert (erforderlich, wenn Sie SSR verwenden möchten)
Lokal servieren
Sie können Ihre Integration lokal testen, indem Sie die folgenden Schritte ausführen:
- Führen Sie
firebase emulators:start
vom Terminal aus. Dadurch wird Ihre App erstellt und über die Firebase-CLI bereitgestellt. - Ö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:
- Führen Sie
firebase deploy
über das Terminal aus. - Überprüfen Sie Ihre Website unter:
SITE_ID.web.app
oderPROJECT_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: