Catch up on highlights from Firebase at Google I/O 2023. Learn more

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 von einem globalen 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 werden von der Firebase-CLI folgende Eingabeaufforderungen angezeigt:

  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 zusätzliche Firebase-Projekte mit Ihrem lokalen Projektverzeichnis zu verbinden, richten Sie Projektaliase ein .

  2. Geben Sie ein Verzeichnis an, das als Ihr ö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 auf Firebase Hosting bereitstellen möchten.

    • Der Standardwert für das öffentliche Stammverzeichnis heißt public .

      • Sie können Ihr öffentliches Stammverzeichnis jetzt oder später in Ihrer Konfigurationsdatei firebase.json angeben.

      • Wenn Sie die Standardeinstellung auswählen und noch kein Verzeichnis mit dem Namen 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 : Bereitstellen auf Ihrer Website

Führen Sie zum Bereitstellen auf Ihrer Website den folgenden Befehl im Stammverzeichnis Ihres lokalen Projektverzeichnisses aus:

firebase deploy --only hosting

Dieser Befehl stellt Ihre Hosting-Inhalte und -Konfigurationen in den folgenden von Firebase bereitgestellten Subdomains bereit:

  • PROJECT_ID .web.app
  • PROJECT_ID .firebaseapp.com

Erfahren Sie mehr über Bereitstellungen und sogar über das lokale Testen Ihrer Site .

Nächste Schritte

Jetzt ist Ihre Website bereit, sie mit der Welt zu teilen!