Jetzt starten mit Firebase Hosting

Firebase Hosting bietet Ihnen eine schnelle, sichere und zuverlässige Möglichkeit, die statischen Assets Ihrer App (HTML, CSS, JavaScript, Mediendateien usw.) zu hosten und dynamische Inhalte bereitzustellen und Mikrodienste zu hosten.

Unser Hosting auf Produktionsniveau wird durch ein globales Content Delivery Network (CDN) unterstützt. Hosting stellt Ihre Inhalte standardmäßig über SSL bereit und kann mit Ihrer eigenen benutzerdefinierten Domain oder mit den Subdomains Ihres Projekts auf web.app und firebaseapp.com kostenlos verwendet werden.

Hinweis

Bevor Sie Firebase Hosting einrichten können, müssen Sie ein Firebase-Projekt erstellen.

Schritt 1: Firebase-CLI installieren

In der Firebase-CLI-Dokumentation finden Sie Informationen zum Installieren des CLI oder zum Aktualisieren auf die neueste Version.

Schritt 2: Projekt initialisieren

Führen Sie den folgenden Befehl im Stammverzeichnis Ihres lokalen Projekts aus, um Ihre lokalen Projektdateien mit Ihrem Firebase-Projekt zu verbinden:

firebase init hosting

Geben Sie während der Projektinitialisierung an der Firebase-Befehlszeile Folgendes ein:

  1. Wählen Sie ein Firebase-Projekt aus, das mit Ihrem lokalen Projektverzeichnis verknüpft werden soll.

    Das ausgewählte Firebase-Projekt ist Ihr „Standard“-Firebase-Projekt für Ihr lokales Projektverzeichnis. Wenn Sie zusätzliche Firebase-Projekte mit Ihrem lokalen Projektverzeichnis verbinden möchten, richten Sie Projektaliase ein.

  2. Geben Sie ein Verzeichnis an, das als öffentliches Stammverzeichnis verwendet werden soll.

    Dieses Verzeichnis enthält alle Ihre öffentlich bereitgestellten statischen Dateien, einschließlich der Datei index.html und aller anderen Assets, die Sie in Firebase Hosting bereitstellen möchten.

    • Das Standardverzeichnis für das öffentliche Stammverzeichnis heißt public.

      • Sie können das öffentliche Stammverzeichnis jetzt oder später in der Konfigurationsdatei firebase.json angeben.

      • Wenn Sie die Standardeinstellung auswählen und noch kein Verzeichnis mit dem Namen public haben, wird es von Firebase für Sie erstellt.

    • Wenn Sie noch keine gültige index.html-Datei oder 404.html-Datei in Ihrem öffentlichen Stammverzeichnis haben, werden diese von Firebase für Sie erstellt.

  3. Konfiguration für Ihre Website auswählen

    Wenn Sie eine einseitige App erstellen, fügt Firebase automatisch Rewrite-Konfigurationen für Sie hinzu.

Am Ende der Initialisierung werden von Firebase automatisch zwei Dateien im Stammverzeichnis Ihres lokalen App-Verzeichnisses erstellt und hinzugefügt:

Schritt 3: Auf Ihrer Website bereitstellen

Führen Sie zum Bereitstellen auf Ihrer Website den folgenden Befehl im Stammverzeichnis Ihres lokalen Projektverzeichnisses aus:

firebase deploy --only hosting

Mit diesem Befehl werden Ihre Hosting-Inhalte und -Konfiguration auf den folgenden von Firebase bereitgestellten Subdomains bereitgestellt:

  • PROJECT_ID.web.app
  • PROJECT_ID.firebaseapp.com

Weitere Informationen zum Bereitstellen und lokalen Testen Ihrer Website

Nächste Schritte

Jetzt können Sie Ihre Website mit der Welt teilen.