Jetzt starten mit Firebase Hosting

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

Unser Produktions-Hosting wird von einem globalen Content Delivery Network (CDN) unterstützt. Hosting stellt Ihre Inhalte standardmäßig über SSL bereit und kann mit Ihrer eigenen benutzerdefinierten Domain oder in den Subdomains Ihres Projekts kostenlos unter web.app und firebaseapp.com verwendet werden.

Hinweis

Bevor du Firebase Hosting einrichten kannst, musst du ein Firebase-Projekt erstellen.

Schritt 1: Firebase CLI installieren

In der Dokumentation zur Firebase-Befehlszeile erfahren Sie, wie Sie die Befehlszeile installieren oder auf die neueste Version aktualisieren.

Schritt 2: Projekt initialisieren

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

firebase init hosting

Während der Projektinitialisierung führen Sie über die Firebase-Befehlszeile folgende Aufforderungen aus:

  1. Wählen Sie ein Firebase-Projekt aus, um eine Verbindung zu Ihrem lokalen Projektverzeichnis herzustellen.

    Das ausgewählte Firebase-Projekt ist Ihr „Standard“-Firebase-Projekt für Ihr lokales Projektverzeichnis. Wenn Sie weitere Firebase-Projekte mit Ihrem lokalen Projektverzeichnis verknüpfen möchten, richten Sie Projektaliasse ein.

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

    Dieses Verzeichnis enthält alle öffentlich bereitgestellten statischen Dateien, einschließlich Ihrer index.html-Datei 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 Standardoption auswählen und noch kein Verzeichnis namens public vorhanden ist, wird es von Firebase für Sie erstellt.

    • Wenn in Ihrem öffentlichen Stammverzeichnis noch keine gültige index.html- oder 404.html-Datei vorhanden ist, erstellt Firebase sie für Sie.

  3. Wählen Sie eine Konfiguration für Ihre Website aus.

    Wenn Sie sich dafür entscheiden, eine App mit nur einer Seite zu erstellen, fügt Firebase automatisch Umschreibungskonfigurationen für Sie hinzu.

Am Ende der Initialisierung erstellt Firebase automatisch zwei Dateien und fügt sie dem Stammverzeichnis Ihres lokalen App-Verzeichnisses hinzu:

  • Eine firebase.json-Konfigurationsdatei mit Ihrer Projektkonfiguration. Weitere Informationen zu dieser Datei finden Sie auf der Seite Hostingverhalten konfigurieren.

  • Eine .firebaserc-Datei, in der deine Projektaliasse gespeichert sind.

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 sogar lokalen Testen Ihrer Website

Nächste Schritte

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