Jetzt starten mit Firebase Hosting

Mit Firebase Hosting können Sie schnell, sicher und zuverlässig die statischen Assets der App (HTML, CSS, JavaScript, Mediendateien usw.) sowie dynamische Inhalte bereitstellen und Mikrodienste hosten.

Unser Produktions-Hosting wird von einem globalen Content Delivery Network (CDN) unterstützt. Hosting stellt deine Inhalte standardmäßig über SSL bereit und kann kostenlos mit deiner eigenen benutzerdefinierten Domain oder auf den Subdomains deines Projekts auf 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 Installieren Sie die Befehlszeile oder auf die neueste Version aktualisieren.

Schritt 2: Projekt initialisieren

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

firebase init hosting

Während der Projektinitialisierung in der Firebase-Befehlszeile:

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

    Das ausgewählte Firebase-Projekt ist Ihr „Standardprojekt“ 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 jetzt Ihr öffentliches Stammverzeichnis angeben oder geben Sie dies später im firebase.json-Konfigurationsdatei.

      • Wenn Sie die Standardeinstellung auswählen und noch kein Verzeichnis namens public erstellt Firebase dies für Sie.

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

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

    Wenn Sie sich für eine App mit nur einer Seite entscheiden, fügt Firebase automatisch Konfigurationen für Sie umschreiben.

Am Ende der Initialisierung erstellt Firebase automatisch zwei Dateien und fügt sie hinzu zum Stammverzeichnis Ihres lokalen Anwendungsverzeichnisses:

  • Eine firebase.json-Konfigurationsdatei, in der Ihre Projektkonfiguration aufgeführt ist. Weitere Informationen zu dieser Datei finden Sie auf der Seite Hostingverhalten konfigurieren.

  • Eine .firebaserc-Datei, in der Ihr Projektaliasse.

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 über die Implementierung und sogar lokale Tests Ihrer Website ermöglicht.

Nächste Schritte

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