Firebase-Hosting

Firebase Hosting bietet schnelles und sicheres Hosting für Ihre Web-App, statische und dynamische Inhalte sowie Microservices.

Firebase Hosting ist Web-Content-Hosting in Produktionsqualität für Entwickler. Mit einem einzigen Befehl können Sie Web-Apps schnell bereitstellen und sowohl statische als auch dynamische Inhalte an ein globales CDN (Content Delivery Network) bereitstellen. Sie können Firebase Hosting auch mit Cloud Functions oder Cloud Run koppeln, um Microservices auf Firebase zu erstellen und zu hosten.

Loslegen

Schlüsselfähigkeiten

Stellen Sie Inhalte über eine sichere Verbindung bereit Das moderne Web ist sicher. In Firebase Hosting ist konfigurationsfreies SSL integriert, sodass Inhalte immer sicher übermittelt werden.
Hosten Sie statische und dynamische Inhalte sowie Microservices Firebase Hosting unterstützt alle Arten von Inhalten für das Hosting, von Ihren CSS- und HTML-Dateien bis hin zu Ihren Express.js-Microservices oder APIs.
Stellen Sie Inhalte schnell bereit Jede Datei, die Sie hochladen, wird auf SSDs an CDN-Edges auf der ganzen Welt zwischengespeichert und als gzip oder Brotli bereitgestellt. Wir wählen automatisch die beste Komprimierungsmethode für Ihre Inhalte aus. Ganz gleich, wo sich Ihre Benutzer befinden, die Inhalte werden schnell bereitgestellt.
Emulieren Sie Ihre Änderungen und teilen Sie sie sogar, bevor Sie sie in Betrieb nehmen

Sehen und testen Sie Ihre Änderungen auf einer lokal gehosteten URL und interagieren Sie mit einem emulierten Backend.

Teilen Sie Ihre Änderungen mit Teamkollegen über temporäre Vorschau-URLs. Das Hosting bietet außerdem eine GitHub-Integration für einfache Iterationen Ihrer in der Vorschau angezeigten Inhalte.

Stellen Sie neue Versionen mit einem Befehl bereit

Mit der Firebase-CLI können Sie Ihre App in Sekundenschnelle zum Laufen bringen. Befehlszeilentools erleichtern das Hinzufügen von Bereitstellungszielen zu Ihrem Build-Prozess.

Und wenn Sie die Bereitstellung rückgängig machen müssen, bietet Hosting Rollbacks mit einem Klick.

Wie funktioniert es?

Firebase Hosting wurde für den modernen Webentwickler entwickelt. Mit dem Aufkommen von Front-End-JavaScript-Frameworks wie Angular und statischen Generator-Tools wie Jekyll sind Websites und Apps leistungsfähiger als je zuvor. Unabhängig davon, ob Sie eine einfache App-Landingpage oder eine komplexe Progressive Web App (PWA) bereitstellen, bietet Ihnen Hosting die Infrastruktur, Funktionen und Tools, die auf die Bereitstellung und Verwaltung von Websites und Apps zugeschnitten sind.

Mit der Firebase-CLI stellen Sie Dateien aus lokalen Verzeichnissen auf Ihrem Computer auf unseren Hosting-Servern bereit. Über die Bereitstellung statischer Inhalte hinaus können Sie Cloud Functions für Firebase oder Cloud Run verwenden, um dynamische Inhalte bereitzustellen und Mikrodienste auf Ihren Websites zu hosten . Alle Inhalte werden über eine SSL-Verbindung vom nächstgelegenen Edge-Server in unserem globalen CDN bereitgestellt.

Sie können Ihre Änderungen auch vor der Live-Schaltung ansehen und testen . Mit der Firebase Local Emulator Suite können Sie Ihre App- und Backend-Ressourcen unter einer lokal gehosteten URL emulieren. Sie können Ihre Änderungen auch unter einer temporären Vorschau-URL teilen und eine GitHub-Integration für einfache Iterationen während der Entwicklung einrichten.

Firebase Hosting bietet einfache Hosting-Konfigurationsoptionen, mit denen Sie anspruchsvolle PWAs erstellen können. Sie können URLs für das clientseitige Routing ganz einfach umschreiben, benutzerdefinierte Header einrichten und sogar lokalisierte Inhalte bereitstellen.

Für die Bereitstellung Ihrer Inhalte bietet Firebase mehrere Domain- und Subdomain-Optionen:

  • Standardmäßig verfügt jedes Firebase-Projekt über kostenlose Subdomains in den Domains web.app und firebaseapp.com . Diese beiden Sites stellen denselben bereitgestellten Inhalt und dieselbe Konfiguration bereit.

  • Sie können mehrere Websites erstellen, wenn Sie über verwandte Websites und Apps verfügen, die unterschiedliche Inhalte bereitstellen, aber dennoch dieselben Firebase-Projektressourcen nutzen (z. B. wenn Sie über ein Blog, ein Admin-Panel und eine öffentliche App verfügen).

  • Sie können Ihren eigenen Domainnamen mit einer von Firebase gehosteten Site verbinden .

Firebase stellt automatisch SSL-Zertifikate für alle Ihre Domains bereit, sodass alle Ihre Inhalte sicher bereitgestellt werden.

Implementierungspfad

Installieren Sie die Firebase-CLI Mit der Firebase-CLI können Sie ganz einfach ein neues Hosting-Projekt einrichten, einen lokalen Entwicklungsserver ausführen und Inhalte bereitstellen.
Richten Sie ein Projektverzeichnis ein

Fügen Sie Ihre statischen Assets einem lokalen Projektverzeichnis hinzu und führen Sie dann firebase init aus, um das Verzeichnis mit einem Firebase-Projekt zu verbinden.

In Ihrem lokalen Projektverzeichnis können Sie auch Cloud Functions oder Cloud Run für Ihre dynamischen Inhalte und Microservices einrichten.

Sehen, testen und teilen Sie Ihre Änderungen, bevor Sie sie live schalten (optional)

Führen Sie firebase emulators:start , um Hosting und Ihre Back-End-Projektressourcen unter einer lokal gehosteten URL zu emulieren.

Um Ihre Änderungen unter einer temporären Vorschau-URL anzuzeigen und zu teilen, führen Sie firebase hosting:channel:deploy aus, um einen Vorschaukanal zu erstellen und dort bereitzustellen. Richten Sie die GitHub-Integration für einfache Iterationen Ihrer in der Vorschau angezeigten Inhalte ein.

Stellen Sie Ihre Website bereit Wenn alles gut aussieht, führen Sie firebase deploy aus, um den neuesten Snapshot auf unsere Server hochzuladen. Wenn Sie die Bereitstellung rückgängig machen müssen, können Sie mit nur einem Klick in der Firebase-Konsole ein Rollback durchführen.
Link zu einer Firebase-Web-App (optional) Durch die Verknüpfung Ihrer Website mit einer Firebase-Web-App können Sie mithilfe von Google Analytics Nutzungs- und Verhaltensdaten für Ihre App sammeln und mithilfe der Firebase-Leistungsüberwachung Einblicke in die Leistungsmerkmale Ihrer App gewinnen.

Nächste Schritte