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 „Projektkonfiguration“Dein Astro-Projekt kann in Firebase als statische Website oder als serverseitig gerenderte Website (SSR) bereitgestellt werden.
Statische Website
Abschnitt betitelt „Statische Website“Dein 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 SSR“Um 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 window npm install firebase-toolsTerminal window pnpm add firebase-toolsTerminal window 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 window npx firebase loginTerminal window pnpm exec firebase loginTerminal window 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 window npx firebase experiments:enable webframeworksTerminal window pnpm exec firebase experiments:enable webframeworksTerminal window yarn firebase experiments:enable webframeworks -
Initialisiere Firebase Hosting in deinem Projekt. Dadurch werden die Dateien
firebase.jsonund.firebasercim Stammverzeichnis deines Projekts erstellt.Terminal window npx firebase init hostingTerminal window pnpm exec firebase init hostingTerminal window yarn firebase init hosting -
Veröffentliche deine Website bei Firebase Hosting. Dadurch wird deine Astro-Website erstellt und auf Firebase bereitgestellt.
Terminal window npx firebase deploy --only hostingTerminal window pnpm exec firebase deploy --only hostingTerminal window yarn firebase deploy --only hosting
