Firebase Hosting bietet Ihnen 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 Microservices zu hosten .
Unser Hosting auf Produktionsniveau wird durch ein globales Content Delivery Network (CDN) unterstützt. Das Hosting stellt Ihre Inhalte standardmäßig über SSL bereit und kann mit Ihrer eigenen benutzerdefinierten Domain oder auf den Subdomains Ihres Projekts kostenlos auf web.app
und firebaseapp.com
verwendet werden.
Bevor Sie beginnen
Bevor Sie Firebase Hosting einrichten können, müssen Sie ein Firebase-Projekt erstellen .
Schritt 1 : Installieren Sie die Firebase-CLI
Besuchen Sie die Firebase-CLI-Dokumentation, um zu erfahren, wie Sie die CLI installieren oder auf die neueste Version aktualisieren .
Schritt 2 : Initialisieren Sie Ihr Projekt
Um Ihre lokalen Projektdateien mit Ihrem Firebase-Projekt zu verbinden, führen Sie den folgenden Befehl im Stammverzeichnis Ihres lokalen Projektverzeichnisses aus:
firebase init hosting
Während der Projektinitialisierung über die Firebase-CLI-Eingabeaufforderungen:
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 weitere Firebase-Projekte mit Ihrem lokalen Projektverzeichnis zu verbinden, richten Sie Projektaliase ein.
Geben Sie ein Verzeichnis an, das Sie als öffentliches Stammverzeichnis verwenden möchten.
Dieses Verzeichnis enthält alle Ihre öffentlich bereitgestellten statischen Dateien, einschließlich Ihrer
index.html
-Datei und aller anderen Assets, die Sie auf Firebase Hosting bereitstellen möchten.Der Standardwert für das öffentliche Stammverzeichnis heißt
public
.Sie können Ihr öffentliches Stammverzeichnis jetzt angeben oder es später in Ihrer
firebase.json
Konfigurationsdatei angeben.Wenn Sie die Standardeinstellung auswählen und noch kein Verzeichnis namens
public
haben, erstellt Firebase es für Sie.
Wenn Sie noch keine gültige
index.html
Datei oder404.html
Datei in Ihrem öffentlichen Stammverzeichnis haben, erstellt Firebase diese für Sie.
Wählen Sie eine Konfiguration für Ihre Site.
Wenn Sie sich für die Erstellung einer One-Page-App entscheiden, fügt Firebase automatisch Rewrite-Konfigurationen 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, die Ihre Projektkonfiguration auflistet. Weitere Informationen zu dieser Datei finden Sie auf der Seite „Hosting-Verhalten konfigurieren“ .Eine
.firebaserc
Datei, die Ihre Projekt-Aliase speichert.
Schritt 3 : Bereitstellung auf Ihrer Website
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 Hosting-Konfiguration für die folgenden von Firebase bereitgestellten Subdomains bereit:
-
PROJECT_ID .web.app
-
PROJECT_ID .firebaseapp.com
Erfahren Sie mehr über Bereitstellungen und sogar lokale Tests Ihrer Site .
Nächste Schritte
Jetzt ist Ihre Website bereit, sie mit der Welt zu teilen!
Verbessern Sie Ihre Website weiter. Lokal testen, Änderungen unter einer temporären Vorschau-URL teilen und dann auf Ihrer Live-Site bereitstellen. Befolgen Sie diese Schritt-für-Schritt-Anleitung .
Erfahren Sie mehr über weitere Hosting-Möglichkeiten:
Sehen 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 Nutzungs- und Abrechnungs- Dashboard in der Firebase-Konsole, um einen Gesamtüberblick über die Nutzung Ihres Projekts über mehrere Firebase-Dienste hinweg zu erhalten. Sie können auch das Hosting- Nutzungs- Dashboard besuchen, um detailliertere Nutzungsinformationen zu erhalten.
- Sehen Sie sich die Checkliste für den Firebase-Start an.