Mit Firebase Hosting können Sie die statischen Assets Ihrer App (HTML, CSS, JavaScript, Mediendateien usw.) schnell, sicher und zuverlässig hosten sowie dynamische Inhalte bereitstellen und Microservices hosten .
Unser Hosting in Produktionsqualität wird von einem globalen Content Delivery Network (CDN) unterstützt. Das Hosting stellt Ihre Inhalte standardmäßig über SSL web.app
und kann mit Ihrer eigenen benutzerdefinierten Domain oder in den kostenlosen Subdomains Ihres Projekts auf web.app
und firebaseapp.com
.
Bevor Sie beginnen
Bevor Sie Firebase Hosting einrichten können, müssen Sie ein Firebase-Projekt erstellen .
Schritt 1 : Installieren Sie die Firebase-CLI
In der Firebase CLI-Dokumentation erfahren Sie, wie Sie die CLI installieren oder auf die neueste Version aktualisieren .
Schritt 2 : Initialisieren Sie Ihr Projekt
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 werden in der Firebase-CLI folgende Eingabeaufforderungen angezeigt:
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. Um zusätzliche Firebase Projekte zu Ihrem lokalen Projektverzeichnis zu verbinden, einrichten Projekt Aliase .
Geben Sie ein Verzeichnis an, das als öffentliches Stammverzeichnis verwendet werden soll.
Dieses Verzeichnis enthält alle Ihre öffentlich bereitgestellten statischen Dateien, einschließlich Ihrer
index.html
Datei und aller anderen Assets, die Sie für Firebase Hosting bereitstellen möchten.Die Standardeinstellung für das öffentliche Stammverzeichnis lautet
public
.Wenn Sie noch keine gültige Datei
index.html
oder404.html
in Ihrem öffentlichen Stammverzeichnis haben, erstellt Firebase diese für Sie.
Wählen Sie eine Konfiguration für Ihre Site.
Wenn Sie eine einseitige App erstellen möchten, fügt Firebase automatisch Umschreibekonfigurationen 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 Konfigurationsdatei
firebase.json
, in der Ihre Projektkonfiguration aufgeführt ist. Weitere Informationen zu dieser Datei finden Sie auf der Seite Hosting-Verhalten konfigurieren .Eine
.firebaserc
Datei, in der Ihre Projekt-Aliase gespeichert sind.
Schritt 3 : Bereitstellen auf Ihrer Site
Führen Sie zum Bereitstellen auf Ihrer Site den folgenden Befehl im Stammverzeichnis Ihres lokalen Projektverzeichnisses aus:
firebase deploy --only hosting
Dieser Befehl stellt Ihren Hosting-Inhalt und Ihre Konfiguration für die folgenden von Firebase bereitgestellten Subdomänen bereit:
-
PROJECT_ID .web.app
-
PROJECT_ID .firebaseapp.com
Erfahren Sie mehr über die Bereitstellung und sogar das lokale Testen Ihrer Site .
Nächste Schritte
Jetzt ist Ihre Website bereit, mit der Welt zu teilen!
Verbessere deine Seite weiter. Testen Sie lokal, geben Sie Änderungen unter einer temporären Vorschau-URL frei und stellen Sie sie dann auf Ihrer Live-Site bereit. Befolgen Sie diese Schritt-für-Schritt-Anleitung .
Erfahren Sie mehr über weitere Hosting-Funktionen:
Schauen Sie sich die vollständige Dokumentation für die Firebase-CLI an .
Bereiten Sie den Start Ihrer App vor:
- Richten Sie Budgetbenachrichtigungen für Ihr Projekt in der Google Cloud Console ein.
- Überwachen Sie das Dashboard für Nutzung und Abrechnung in der Firebase-Konsole, um ein Gesamtbild der Nutzung Ihres Projekts für mehrere Firebase-Dienste zu erhalten. Sie können auch das Dashboard für die Hosting- Nutzung besuchen, um detailliertere Informationen zur Nutzung zu erhalten.
- Überprüfen Sie die Checkliste für den Firebase-Start .