Check out what’s new from Firebase at Google I/O 2022. Learn more

Firebase-Hosting

Firebase Hosting bietet schnelles und sicheres Hosting für Ihre Web-App, statische und dynamische Inhalte und 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 für 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. Zero-Configuration-SSL ist in Firebase Hosting integriert, sodass Inhalte immer sicher bereitgestellt 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-Kanten auf der ganzen Welt zwischengespeichert und als gzip oder Brotli bereitgestellt. Wir wählen automatisch die beste Komprimierungsmethode für Ihre Inhalte aus. Egal, wo sich Ihre Benutzer befinden, die Inhalte werden schnell bereitgestellt.
Emulieren und teilen Sie sogar Ihre Änderungen, bevor Sie live gehen

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

Teilen Sie Ihre Änderungen mithilfe temporärer Vorschau-URLs mit Teamkollegen. Das Hosting bietet auch 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. Websites und Apps sind mit dem Aufkommen von Front-End-JavaScript-Frameworks wie Angular und statischen Generator-Tools wie Jekyll leistungsfähiger denn je. Ob Sie eine einfache App-Landingpage oder eine komplexe Progressive Web App (PWA) bereitstellen, Hosting bietet Ihnen 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 das Bereitstellen statischer Inhalte hinaus können Sie Cloud Functions for 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 anzeigen und testen, bevor Sie live gehen . Mit der Firebase Local Emulator Suite können Sie Ihre App und Back-End-Ressourcen unter einer lokal gehosteten URL emulieren. Sie können Ihre Änderungen auch unter einer temporären Vorschau-URL freigeben 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 clientseitiges Routing 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 hat jedes Firebase-Projekt 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 verwandte Websites und Apps haben, die unterschiedliche Inhalte bereitstellen, aber dennoch dieselben Firebase-Projektressourcen gemeinsam nutzen (z. B. wenn Sie einen Blog, ein Admin-Steuerfeld und eine öffentliche App haben).

  • Sie können Ihren eigenen Domänennamen mit einer von Firebase gehosteten Website verbinden .

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

Implementierungspfad

Installieren Sie die Firebase-CLI Die Firebase CLI macht es einfach, ein neues Hosting-Projekt einzurichten, einen lokalen Entwicklungsserver auszuführen und Inhalte bereitzustellen.
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 live gehen (optional)

Führen Sie firebase emulators:start Sie, 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 bereitzustellen. Richten Sie die GitHub-Integration für einfache Wiederholungen Ihrer Vorschauinhalte ein.

Stellen Sie Ihre Website bereit Wenn alles gut aussieht, führen 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) Indem Sie Ihre Website mit einer Firebase-Web-App verknüpfen, können Sie mithilfe von Google Analytics Nutzungs- und Verhaltensdaten für Ihre App erfassen und mithilfe der Firebase-Leistungsüberwachung Einblick in die Leistungsmerkmale Ihrer App gewinnen.

Nächste Schritte