Beginnen Sie mit Firebase Hosting

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:

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

  2. 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 oder 404.html Datei in Ihrem öffentlichen Stammverzeichnis haben, erstellt Firebase diese für Sie.

  3. 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:

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!