Was kann ich mit Firebase Hosting tun?

Was ist Firebase Hosting?

Firebase Hosting ist ein vollständig verwalteter Hostingdienst für statische und dynamische Inhalte sowie Mikrodienste. Der Dienst wird durch SSD-Speicher und ein globales CDN (Content Delivery Network) unterstützt. SSL ist ohne zusätzlichen Konfigurationsaufwand in Firebase Hosting eingebunden, d. h. Inhalte werden immer sicher bereitgestellt.

Was kann gehostet werden?

Einseitige Web-Apps, Marketingwebsites sowie statische und dynamische Assets hosten

Profitieren Sie von der einzigartigen Optimierung von Firebase Hosting für die Bereitstellung einseitiger Web-Apps und statischer Websites. Die Bereitstellung statischer Assets (HTML, CSS, JavaScript, Schriftarten usw.) erfolgt über unseren SSD-Backend-Speicher und ein globales CDN mit Edge-Standorten an allen wichtigen Standorten weltweit. Sie können sogar Ihre dynamischen Inhalte im globalen CDN im Cache speichern. Alle von Firebase gehosteten Websites erhalten außerdem kostenlos ein SSL-Zertifikat, sodass Ihre Inhalte immer sicher bereitgestellt werden.

Mikrodienste, APIs und Formulare erstellen und hosten

Kombinieren Sie Firebase Hosting mit Cloud Functions, um Mikrodienste mit dem Express.js-Framework zu erstellen. So können Sie Ihre Mikrodienste und APIs auf Firebase hosten. Außerdem können Sie eine umfassende Integration mit Cloud Firestore nutzen, um sehr leistungsstarke Formulare und Web-Apps zu erstellen, die Daten in Echtzeit aktualisieren können.

Benutzerdefinierte Domain (oder Subdomain) hinzufügen

Mit Firebase Hosting erhalten Sie automatisch eine Firebase-Subdomain. Sie können Ihre Inhalte aber auch auf einer benutzerdefinierten Domain bereitstellen (z. B. example.com oder myrealtimeapp.example.com). Firebase Hosting stellt für jede Ihrer Domains ein SSL-Zertifikat bereit und stellt Ihre Inhalte über ein globales CDN bereit.

Produktionsworkflows einrichten

Bevor Sie die Bereitstellung auf Ihrer Live-Website vornehmen, sollten Sie Ihre Änderungen ansehen und testen. Firebase Hosting ermöglicht es Ihnen, Änderungen lokal anzusehen und zu testen und mit emulierten Backend-Projektressourcen zu interagieren. Wenn Ihre Teammitglieder Ihre Änderungen ansehen und testen sollen, kann Hosting freigegebene, temporäre Vorschau-URLs für Ihre Website erstellen. Wir unterstützen sogar eine GitHub-Integration, um die Bereitstellung über eine Pull Anfrage vorzunehmen.

Weitere Informationen zum lokalen Testen, zur Vorschau von Änderungen und zur Bereitstellung

Alle Websites an einem Ort

Firebase Hosting unterstützt mehrere Websites in einem einzelnen Firebase-Projekt. Jede Website hostet eine eigene Sammlung von Inhalten, hat eine eigene Hostingkonfiguration und kann eine oder mehrere zugehörige Domains haben. Da sich die Websites alle im selben Firebase-Projekt befinden, können alle Websites auf die anderen Firebase-Ressourcen des Projekts zugreifen.

Sie können mehrere Websites in einem Firebase-Projekt verwenden, um zusammengehörige Websites zusammenzuhalten (z. B. Ihre einseitige App, Ihren Blog und Ihre Marketingwebsite).

Webanfragelogs Ihrer Website ansehen, durchsuchen und filtern

Sie können Ihr Firebase-Projekt mit Cloud Logging verknüpfen, um die Webanfragelogs für jede Ihrer Hosting Websites anzusehen, zu durchsuchen und zu filtern. Diese Logs stammen aus dem CDN, das automatisch von Firebase bereitgestellt wird. Daher werden alle Anfragen an Ihre Website und die zugehörigen Anfragedaten protokolliert.

Hier einige Beispiele für die Verwendung von Cloud Logging Logs:

  • Website besser verstehen : Sie können sehen, woher und wann Besucher auf Ihre Website kommen, die Antwortstatus Ihrer Website, die Latenz von Endnutzeranfragen und vieles mehr.

  • Logs mit Abfragen filtern : Sie können automatisch erfasste Daten verwenden, um Daten zu filtern und darzustellen, die mit jeder Anfrage oder Ihrer Website verknüpft sind.

  • Logbasierte Messwerte verwenden : Sie können Cloud Monitoring Diagramme und Benachrichtigungs richtlinien aus vordefinierten Systemmesswerten oder benutzerdefinierten Messwerten erstellen.

  • Logs in andere Google Cloud Tools exportieren : Sie können Logdaten in anderen Tools wie BigQuery und Data Studio verwenden, um umfassendere Analysen und Korrelationen durchzuführen.

Weitere Informationen finden Sie auf der Cloud Logging und Hosting Integrationsseite.

Kontinuierliche Bereitstellung mit Cloud Build automatisieren

Firebase Hosting bietet in Zusammenarbeit mit Cloud Build eine DevOps-fähige Lösung zur Automatisierung eines kontinuierlichen Bereitstellungsworkflows für Ihre statischen und dynamischen Inhalte sowie für Ihre Mikrodienste.

Nachdem Sie diese Tools konfiguriert haben, können Sie Ihre Web-App in Firebase Hosting bereitstellen, indem Sie einfach Ihren Code in Ihr Git-Repository einchecken.

Wenn Sie an der kontinuierlichen Bereitstellung für Full-Stack-Web-Apps interessiert sind, die in Next.js oder Angular Universal entwickelt wurden, sehen Sie sich die Firebase App Hosting Vorschau an. App Hosting bietet automatische Roll-outs aus einem GitHub-Repository mit Cloud Build und Cloud Run an, ohne dass eine manuelle Konfiguration erforderlich ist.

Alles anpassen

  • Fehlerseiten: Sie können eine vollständig angepasste 404-Seite aus Ihrer Web-App zurückgeben.

  • Umschreibungen: Sie können anpassen, welche Endpunkte welchen Traffic verarbeiten, und sogar dieselben Inhalte über mehrere URLs anzeigen.

  • Lokalisierte Inhalte: Sie können Inhalte bereitstellen, die an die Spracheinstellungen und/oder das Land eines Nutzers angepasst sind.

  • Header: Möchten Sie auf Cookies zugreifen? Verwenden Sie benutzerdefinierte Header.

  • Caching- und CDN-Verhalten: Sie können über benutzerdefinierte Header steuern, wie Ihre Web-App im CDN im Cache gespeichert wird.

Zugriff einschränken und DDoS-Angriffe auf Ihre Web-Apps abwehren

Mit der Express.js-Middleware können Sie benutzerdefinierte Logik in die Bereitstellung Ihrer Mikrodienste, APIs und anderer HTTPS-Endpunkte einbauen. Mit nur wenigen Codezeilen können Sie beispielsweise beliebte Node.js-Middleware-Angebote einbinden, um zusätzliche Sicherheitsebenen zu erstellen, z. B. die Zugriffsverwaltung nach IP-Adresse oder den Schutz vor Denial-of-Service-Angriffen (DDoS).

Bereitstellung in Firebase über verschiedene webbasierte IDEs

Firebase Hosting ist in verschiedene webbasierte IDEs eingebunden, sodass Sie die Bereitstellung in Firebase Hosting direkt aus StackBlitz und Glitch, zwei webbasierten IDEs, vornehmen können.

Mit Stackblitz bereitstellen
Bereitstellung in Firebase Hosting mit StackBlitz
Mit Glitch bereitstellen
Bereitstellung in Firebase Hosting mit Glitch

Diese IDEs erkennen automatisch, wenn Sie eine Firebase-App erstellen, und ermöglichen Ihnen die Bereitstellung in Firebase Hosting mit einem Klick auf eine Schaltfläche, ohne die IDE zu verlassen.

Umfassende Integrationen mit anderen Firebase-Diensten erstellen

FriendlyChat-Web-Codelab

Firebase Hosting funktioniert sofort mit Firebase-Diensten wie Cloud Functions, Authentication, Realtime Database, Cloud Firestore und Cloud Messaging. Mit diesen ergänzenden Firebase-Diensten können Sie leistungsstarke Mikrodienste und Web-Apps erstellen.

In unserem FriendlyChat-Web-Codelab erfahren Sie, wie Hosting mit diesen Firebase-Diensten zusammenarbeitet.

Benutzerdefinierten Bereitstellungsworkflow mit der REST API und unseren Node.js-Modulen erstellen

Firebase Hosting unterstützt eine REST API, mit der fortgeschrittene Entwickler benutzerdefinierte Workflows erstellen können, z. B. die Bereitstellung über eine JavaScript-App.

Wir haben auch ein Node.js-Modul das Sie in Ihre Node.js-Apps importieren können, um erweiterte Funktionen zu erstellen.