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 produktionstaugliches Hosting wird durch ein globales Content Delivery Network unterstützt.
(CDN). 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 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:
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.
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 in Ihrem Konto an
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
- oder404.html
-Datei in Ihrem öffentlichen Stammverzeichnis haben, erstellt Firebase diese für Sie.
Wählen Sie eine Konfiguration für Ihre Website aus.
Wenn Sie eine einseitige App erstellen, werden in Firebase automatisch Umschreibkonfigurationen hinzugefügt.
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 aus dem Stammverzeichnis Ihres lokalen Projektverzeichnis:
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 zum Bereitstellen und lokalen Testen Ihrer Website
Nächste Schritte
Jetzt können Sie Ihre Website mit der Welt teilen.
Sie können Ihre Website weiter optimieren. Testen Sie lokal, geben Sie die Änderungen über eine vorübergehende Vorschau-URL frei und stellen Sie sie dann auf Ihrer Live-Website bereit. Folgen Schritt-für-Schritt-Anleitung.
Weitere Hostingfunktionen:
Hier finden Sie die vollständige Dokumentation zur Firebase-Befehlszeile.
Bereiten Sie die Einführung Ihrer App vor:
- Budget einrichten Warnungen für Ihr Projekt in der Google Cloud-Konsole.
- Nutzung und Abrechnung überwachen Dashboard in der Firebase-Konsole, um einen Überblick über Nutzung in mehreren Firebase-Diensten. Im Hosting Dashboard zur Nutzung finden Sie detailliertere Informationen zur Nutzung.
- Checkliste für die Firebase-Einführung