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 produktionstaugliches Hosting wird durch ein globales Content Delivery Network unterstützt. (CDN). Hosting stellt Ihre Inhalte standardmäßig über SSL bereit und kann verwendet werden mit Ihrer eigenen benutzerdefinierten Domain oder auf der Sub-Domains auf web.app und firebaseapp.com kostenlos zur Verfügung stellen.

Hinweis

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

Schritt 1: Firebase-Befehlszeile 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 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 führen Sie über die Firebase-Befehlszeile folgende Aufforderungen aus:

  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. Um weitere Firebase-Projekte mit Ihrem im lokalen Projektverzeichnis, richten Sie Projektaliasse ein.

  2. Geben Sie ein Verzeichnis als öffentliches Stammverzeichnis an.

    Dieses Verzeichnis enthält alle Ihre öffentlich bereitgestellten statischen Dateien, einschließlich Ihrer index.html-Datei und alle anderen Assets, für die Sie die Bereitstellung vornehmen möchten Firebase Hosting.

    • Der Standardwert für das öffentliche Stammverzeichnis lautet 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-Datei oder 404.html-Datei in Ihr öffentliches Stammverzeichnis befindet, erstellt Firebase sie 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 dem Stammverzeichnis Ihres lokalen App-Verzeichnisses hinzu:

  • 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 der Inhalt und die Konfiguration von Hosting für Folgendes bereitgestellt: Über Firebase bereitgestellte Subdomains:

  • 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.