Firebase App Hosting wurde speziell für die frameworkbasierte Entwicklung moderner Webanwendungen entwickelt. Auf dieser Seite finden Sie Informationen zu den Tools und Frameworks, die von App Hosting direkt unterstützt werden. Außerdem können Sie sich hier über ähnliche Frameworks und Tools informieren.
Web-Frameworks und App Hosting
App Hosting bietet zwei umfassende Unterstützungsebenen für moderne Web-Frameworks: vorkonfigurierte Build- und Bereitstellungsunterstützung sowie Community-Support durch Open-Source-Beiträge, die der Spezifikation für das Ausgabebundle entsprechen. In beiden Fällen ermöglicht eine Komponente des Framework-Adapters die Integration eines bestimmten Frameworks in App Hosting.
Frameworks mit vorkonfigurierter Build- und Bereitstellungsunterstützung
Mit der vorkonfigurierten Build- und Bereitstellungsunterstützung ermittelt Firebase anhand der Datei package-lock.json oder einer anderen Sperrdatei, welches Framework Sie verwenden, und optimiert die Build- und Bereitstellungsprozesse für Ihre App. Google ist bestrebt, den Support für diese Frameworks aufrechtzuerhalten. Das Firebase-Supportteam nimmt Fehlerberichte und Funktionsanfragen entgegen.
Diese Supportstufe gilt für:
- Next.js
- Angular
Weitere Informationen zu bestimmten Versionen und Supportstufen finden Sie in den Zeitplänen für die Laufzeitunterstützung.
Wenn Sie versuchen, eine Node.js-Anwendung bereitzustellen, für die keine Sperrdatei vorhanden ist, kann App Hosting Ihre Anwendung nicht erstellen und ausführen. Sie können package-lock.json erstellen, indem Sie npm install in Ihrem Stammverzeichnis ausführen.
Von der Community unterstützte Frameworks
Neben Next.js und Angular unterstützt App Hosting auch jedes Web-Framework, das eine Build-Ausgabe bereitstellen kann, die unserer Ausgabe-Bundle-Spezifikation entspricht. Framework-Entwickler können die Spezifikation für das Ausgabebundle nutzen, um sicherzustellen, dass ihr Framework von App Hosting unterstützt wird. Das Nitro-Team unterstützt beispielsweise das beliebte Nuxt-Framework. Es hat einen Firebase-Adapter entwickelt, um die Bereitstellung von Nuxt-Apps auf App Hosting zu ermöglichen.
Wenn Sie möchten, dass weitere Frameworks von App Hosting unterstützt werden, können Sie einen Framework-Adapter erstellen oder sich an die Verantwortlichen des Frameworks wenden, um Build-Ausgaben in das App Hosting-Format umzuwandeln. Die Next.js- und Angular-Adapter sind gute Referenzbeispiele für alle, die einen Adapter erstellen.
Informationen zu von der Community unterstützten Frameworks finden Sie unter Firebase Open Source. Probleme und Funktionsanfragen zu von der Community unterstützten Frameworks sollten an die Open-Source-Community oder die Framework-Entwickler gerichtet werden. In einigen Fällen kann Google Ihnen weiterhelfen, aber die Community ist die erste Anlaufstelle für diese Adapter.
App Hosting Framework-Adapter
In App Hosting wird über Framework-Adapter sowohl für vorkonfigurierte als auch für von der Community unterstützte Frameworks gesorgt. App Hosting-Framework-Adapter haben zwei wichtige Rollen:
- Sie analysieren Ihren Quellcode und alle frameworkspezifischen Konfigurationsdateien (z. B.
next.config.js) und generieren ein Ausgabebundle, das von der restlichen App Hosting-Infrastruktur verarbeitet werden kann. - Sie führen den Build-Befehl Ihrer App aus, um statische Assets zu generieren und eine optimierte Version Ihrer App für die Produktion zu erstellen.
Mit Framework-Adaptern wird Ihre Node.js-Anwendung mit npm run build erstellt. Sie funktionieren am besten mit den Standard-Build-Scripts für jedes Framework: next build für Next.js und ng build für Angular. App Hosting versucht, Builds mit benutzerdefinierten Build-Befehlen auszuführen, kann aber den Erfolg nicht zuverlässig garantieren. In apphosting.yaml können Sie Build- und Ausführungsscripts überschreiben.
Die Quelle für Next.js- und Angular-Adapter ist in firebase-framework-tools verfügbar.
Laufzeiten für App Hosting
Nachdem sie bis zum App Hosting erstellt und eingeführt wurde, wird Ihre Node.js-Anwendung in einer Cloud Run-Version ausgeführt. Die Laufzeitversion Ihrer App muss sich daher sowohl im von Cloud Run unterstützten Bereich als auch im Bereich des ausgewählten Web-Frameworks befinden. Für die vorkonfigurierte Unterstützung von Angular und Next.js bedeutet das, dass die folgenden Node.js-Versionen unterstützt werden:
- Next.js 13.5.x und höher
- Angular 18.2.x und höher
- Node.js 18 und höher
App Hosting bietet keinen automatischen aktiven Support für neu veröffentlichte Framework-Versionen. Versionen, die neuer sind als die derzeit als „aktiv“ gekennzeichnete Version, haben den Status „Vorabversion“, bis sie offiziell als „aktiv“ für App Hosting gekennzeichnet werden.
App Hosting bietet einen Langzeitsupport (Long-term Support, LTS) für die neueste Nebenversion einer Hauptversion ein Jahr lang nach dem Ende des aktiven Supportzeitraums, sofern Sie regelmäßig auf die neuesten Patchversionen dieser Nebenversion aktualisieren. Weitere Informationen zu Next.js und Angular finden Sie in den folgenden Tabellen.
Next.js-Supportzeitplan
| Version | Status | Einstellung |
|---|---|---|
| 13.5.x | lts | 2026-10-9 |
| 14.2.x | lts | 2026-10-9 |
| 15.0.x | Aktiv | frühestens am 9. Oktober 2025 |
| 15.1.x | Aktiv | frühestens am 9. Oktober 2025 |
| 15.2.x | Aktiv | - |
Zeitplan für Angular-Support
| Version | Status | Einstellung |
|---|---|---|
| 18.2.x | lts | 2026-10-9 |
| 19.0.x | Aktiv | frühestens am 9. Oktober 2025 |
| 19.1.x | Aktiv | frühestens am 9. Oktober 2025 |
| 19.2.x | Aktiv | - |
Paketmanager
App Hosting verwendet Cloud Native Buildpacks, um die Installation von Abhängigkeiten auszuführen, und erstellt die App mit npm, yarn oder pnpm. Andere Paketmanager wie JSR werden nicht unterstützt.
NPM
- NPM ist der Standard-Paketmanager.
- Nicht für die Produktion erforderliche Abhängigkeiten werden nach einem erfolgreichen Build entfernt.
- Sie können den npm-Versionsabschnitt mit dem
engines.npm-Feld in Ihrerpackage.json-Datei angeben.
Garn
- Yarn wird stattdessen verwendet, wenn Sie die Datei
yarn.lockin Ihr Projekt aufnehmen. - Sie können die zu verwendende Yarn-Version im Feld
engines.yarnoderpackageManagerIhrerpackage.json-Datei angeben. - App Hosting unterstützt den Yarn2-PnP-Modus.
Pnpm
- Pnpm wird stattdessen verwendet, wenn Sie die Datei
pnpm-lock.yamlin Ihr Projekt aufnehmen. - Sie können eine Version von pnpm im Feld
engines.pnpmoderpackageManagerIhrerpackage.json-Datei angeben. - Ein funktionierendes Beispiel finden Sie in der Anwendung sample-node-pnpm. App.
Monorepos für App Hosting
App Hosting unterstützt Nx-basierte Apps. Eine ausführliche Anleitung finden Sie unter Monorepos mit App Hosting verwenden.
Die folgenden Nx-Versionen werden unterstützt:
| Version | Status | Einstellung |
|---|---|---|
| 19.5.x | Instandhaltungsarbeiten | 2025-10-9 |
| 19.6.x | Instandhaltungsarbeiten | 2025-10-9 |
| 19.7.x | Instandhaltungsarbeiten | 2025-10-9 |
| 19.8.x | lts | 2026-10-9 |
| 20.0.x | Aktiv | frühestens am 9. Oktober 2025 |
| 20.1.x | Aktiv | frühestens am 9. Oktober 2025 |
| 20.2.x | Aktiv | frühestens am 9. Oktober 2025 |
| 20.3.x | Aktiv | frühestens am 9. Oktober 2025 |
| 20.4.x | Aktiv | frühestens am 9. Oktober 2025 |
| 20.5.x | Aktiv | frühestens am 9. Oktober 2025 |
| 20.6.x | Aktiv | frühestens am 9. Oktober 2025 |
| 20.7.x | Aktiv | – |
Wenn Sie Support für andere Arten von Monorepo-Arbeitsbereichen benötigen, können Sie sich über Firebase UserVoice an uns wenden.