If you are building server-rendered Angular or Next.js apps, check out next-generation Firebase App Hosting, a full-stack solution for modern web frameworks.

Google verwendet KI-Technologie, um Inhalte in Ihre bevorzugte Sprache zu übersetzen. KI-Übersetzungen können Fehler enthalten.

Flutter Web einbinden

Mit der Firebase CLI, die Frameworks erkennt, können Sie Ihre Flutter-Anwendung in Firebase bereitstellen.

Hinweis

Bevor Sie Ihre App in Firebase bereitstellen, lesen Sie sich die folgenden Anforderungen und Optionen durch:

Firebase CLI-Version 12.1.0 oder höher. Stellen Sie sicher, dass Sie die CLI mit der gewünschten Methode installieren.
Optional: Abrechnung für Ihr Firebase-Projekt aktiviert (erforderlich, wenn Sie SSR verwenden möchten)

Firebase initialisieren

Initialisieren Sie zuerst Firebase für Ihr Framework-Projekt. Verwenden Sie die Firebase CLI für ein neues Projekt oder ändern Sie firebase.json für ein vorhandenes Projekt.

Neues Projekt initialisieren

Aktivieren Sie in der Firebase CLI die Vorabversion für Webframeworks:
```
firebase experiments:enable webframeworks
```
Führen Sie den Initialisierungsbefehl über die CLI aus und folgen Sie der Anleitung:
```
firebase init hosting
```
Antworten Sie mit „Ja“ auf die Frage „Do you want to use a web framework? (experimental)“ (Möchten Sie ein Webframework verwenden? (Experimentell)).
Wählen Sie das Quellverzeichnis für das Hosting aus. Das kann eine vorhandene Flutter-App sein.
Wählen Sie bei Aufforderung „Flutter Web“ aus.

Vorhandenes Projekt initialisieren

Ändern Sie die Hostingkonfiguration in firebase.json so, dass sie die Option source anstelle von public enthält. Beispiel:

{
  "hosting": {
    "source": "./path-to-your-flutter-app"
  }
}

Statische Inhalte bereitstellen

Nach der Initialisierung von Firebase können Sie statische Inhalte mit dem Standardbefehl für die Bereitstellung bereitstellen:

firebase deploy