Veröffentliche deine Astro-Website auf Google's Firebase Hosting
Firebase Hosting ist ein Dienst der App-Entwicklungsplattform Firebase von Google, der für die Veröffentlichung einer Astro-Website genutzt werden kann.
Siehe unseren separaten Leitfaden zum Hinzufügen von Firebase-Backend-Diensten (EN) wie Datenbanken, Authentifizierung und Speicher.
Projektkonfiguration
Abschnitt betitelt ProjektkonfigurationDein Astro-Projekt kann in Firebase als statische Website oder als serverseitig gerenderte Website (SSR) bereitgestellt werden.
Statische Website
Abschnitt betitelt Statische WebsiteDein Astro-Projekt ist standardmäßig eine statische Website. Du brauchst keine zusätzliche Konfiguration, um eine statische Astro-Site in Firebase bereitzustellen.
Adapter für SSR
Abschnitt betitelt Adapter für SSRUm SSR in deinem Astro-Projekt zu aktivieren und auf Firebase einzusetzen, füge den Node.js-Adapter (EN) hinzu.
So funktioniert die Veröffentlichung
Abschnitt betitelt So funktioniert die Veröffentlichung-
Installiere das Firebase CLI. Dies ist ein Kommandozeilen-Tool, mit dem du über das Terminal mit Firebase interagieren kannst.
Terminal-Fenster npm install firebase-toolsTerminal-Fenster pnpm add firebase-toolsTerminal-Fenster yarn add firebase-tools -
Authentifiziere das Firebase CLI mit deinem Google-Konto. Daraufhin öffnet sich ein Browserfenster, in dem du dich bei deinem Google-Konto anmelden kannst.
Terminal-Fenster npx firebase loginTerminal-Fenster pnpm exec firebase loginTerminal-Fenster yarn firebase login -
Aktiviere die experimentelle Unterstützung von Web-Frameworks. Dies ist eine experimentelle Funktion, die es der Firebase CLI ermöglicht, deine Deployment-Einstellungen für Astro zu erkennen und zu konfigurieren.
Terminal-Fenster npx firebase experiments:enable webframeworksTerminal-Fenster pnpm exec firebase experiments:enable webframeworksTerminal-Fenster yarn firebase experiments:enable webframeworks -
Initialisiere Firebase Hosting in deinem Projekt. Dadurch werden die Dateien
firebase.jsonund.firebasercim Stammverzeichnis deines Projekts erstellt.Terminal-Fenster npx firebase init hostingTerminal-Fenster pnpm exec firebase init hostingTerminal-Fenster yarn firebase init hosting -
Veröffentliche deine Website bei Firebase Hosting. Dadurch wird deine Astro-Website erstellt und auf Firebase bereitgestellt.
Terminal-Fenster npx firebase deploy --only hostingTerminal-Fenster pnpm exec firebase deploy --only hostingTerminal-Fenster yarn firebase deploy --only hosting
