Catch up on everything announced at Firebase Summit, and learn how Firebase can help you accelerate app development and run your app with confidence. Learn More

Integrieren Sie Web-Frameworks mit Hosting

Mit Sammlungen den Überblick behalten Sie können Inhalte basierend auf Ihren Einstellungen speichern und kategorisieren.

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

Lokal servieren

Sie können Ihre Integration lokal testen, indem Sie diesen Schritten folgen:

  1. Führen Sie firebase emulators:start Sie vom Terminal aus. Dadurch wird Ihre App erstellt und über die Firebase-CLI bereitgestellt.
  2. Ö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:

  1. Führen Sie firebase deploy über das Terminal aus.
  2. Überprüfen Sie Ihre Website auf: 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 detaillierte Anleitung für Ihr bevorzugtes Framework an: