Firebase Hosting lässt sich in beliebte moderne Web-Frameworks wie Angular und Next.js integrieren. 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. Der Support während dieser frühen Vorschau umfasst die folgenden Funktionen:
- Stellen Sie Web-Apps bereit, die aus statischen Webinhalten bestehen
- Bereitstellen von Web-Apps, 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. Beim Initialisieren des Hostings auf der Befehlszeile geben Sie Informationen zu Ihrem neuen oder bestehenden Webprojekt an, und die CLI richtet die richtigen Ressourcen für das von Ihnen gewählte Webframework ein.
Voraussetzungen
- Firebase CLI-Version 11.14.2 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 diesen Schritten folgen:
- 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 von der CLI zurückgegebenen lokalen URL (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 auf:
SITE_ID.web.app
oderPROJECT_ID.web.app
(oder Ihrer benutzerdefinierten Domain, falls Sie eine eingerichtet haben).
Nächste Schritte
Sehen Sie sich die detaillierte Anleitung für Ihr bevorzugtes Framework an: