Jetzt starten 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 Mikrodienste zu hosten.

Unser Hosting in Produktionsqualität wird von einem globalen Content Delivery Network (CDN) unterstützt. Hosting stellt Ihre Inhalte standardmäßig über SSL bereit und kann kostenlos mit Ihrer eigenen benutzerdefinierten Domain oder auf den Subdomains Ihres Projekts unter web.app und firebaseapp.com verwendet werden.

Hinweis

Bevor Sie Firebase Hosting einrichten können, müssen Sie ein Firebase-Projekt erstellen.

Schritt 1: Firebase CLI installieren

In der Firebase CLI-Dokumentation erfahren Sie, wie Sie die CLI installieren oder auf die neueste Version aktualisieren.

Schritt 2: Projekt initialisieren

Führen Sie im Stammverzeichnis Ihres lokalen Projektverzeichnisses den folgenden Befehl aus, um Ihre lokalen Projektdateien mit Ihrem Firebase-Projekt zu verbinden:

firebase init hosting

Während der Projektinitialisierung in den Firebase CLI-Eingabeaufforderungen:

  1. Wählen Sie ein Firebase-Projekt aus, das mit Ihrem lokalen Projektverzeichnis verbunden werden soll.

    Das ausgewählte Firebase-Projekt ist das Standard-Firebase-Projekt für Ihr lokales Projektverzeichnis. Wenn Sie weitere Firebase-Projekte mit Ihrem lokalen Projektverzeichnis verbinden möchten, richten Sie Projekt-Aliase ein.

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

    • Statische Apps: Wenn Sie eine statische App bereitstellen:

    • App Hosting aktivieren App Hosting: Wenn die CLI Funktionen eines SSR-Webframeworks wie Next.js oder Angular Universal erkennt, empfiehlt sie möglicherweise stattdessen die Initialisierung von Firebase App HostingFirebase App Hosting. App Hosting ist die empfohlene Bereitstellungslösung für Full-Stack-Framework-Apps. Sie können mit der Einrichtung von App Hosting fortfahren oder mit Hosting (klassisch) für reine statische Bereitstellungen fortfahren.

  3. Wählen Sie eine Konfiguration für Ihre Website aus.

    Wenn Sie eine Single-Page-App erstellen, fügt Firebase automatisch Rewrite-Konfigurationen 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 die 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: Auf Ihrer Website bereitstellen

Führen Sie im Stammverzeichnis Ihres lokalen Projektverzeichnisses den folgenden Befehl aus, um die Bereitstellung auf Ihrer Website durchzuführen:

firebase deploy --only hosting

Mit diesem Befehl werden Ihre Hosting Inhalte und Konfiguration auf den folgenden von Firebase bereitgestellten Subdomains bereitgestellt:

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

Weitere Informationen zu Bereitstellungen und zum lokalen Testen Ihrer Website.

Nächste Schritte

Ihre Website ist jetzt bereit, mit der Welt geteilt zu werden.