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 Webanwendungen, Marketingwebsites sowie statische und dynamische Assets hosten

Profitieren Sie von Firebase Hosting's einzigartiger Optimierung für die Bereitstellung einseitiger Webanwendungen 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 Ihre dynamischen Inhalte sogar 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 in Firebase hosten. Außerdem können Sie die enge Integration mit Cloud Firestore nutzen, um sehr leistungsstarke Formulare und Webanwendungen 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 über eine benutzerdefinierte 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 Webanwendung, 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 wird jede Anfrage 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 beispielsweise sehen, woher und wann Besucher auf Ihre Website kommen, die Antwortstatus Ihrer Website und die Latenz von Endnutzeranfragen.

  • Logs mit Abfragen filtern : Nutzen Sie automatisch erfasste Daten, 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 Looker Studio verwenden, um detailliertere 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 Kombination 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 Webanwendung in Firebase Hosting bereitstellen, indem Sie einfach Ihren Code in Ihr Git-Repository einchecken.

Wenn Sie an der kontinuierlichen Bereitstellung für Full-Stack-Webanwendungen 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, ohne dass eine manuelle Konfiguration erforderlich ist.

Alles anpassen

  • Fehlerseiten: Sie können eine vollständig angepasste 404-Seite aus Ihrer Webanwendung 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 Spracheinstellung 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 Webanwendung im CDN im Cache gespeichert wird.

Zugriff einschränken und DDoS-Angriffe auf Ihre Webanwendungen 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 vornehmen können, zwei webbasierten IDEs.

Mit Stackblitz bereitstellen
In Firebase Hosting bereitstellen mit StackBlitz
Mit Glitch bereitstellen
In Firebase Hosting bereitstellen 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.

Enge 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 Webanwendungen 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.