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 uses AI technology to translate content into your preferred language. AI translations can contain errors.

Flutter Web einbinden

Mit der Framework-kompatiblen Firebase CLI können Sie Ihre Flutter-Anwendung in Firebase bereitstellen.

Hinweis

Bevor Sie mit der Bereitstellung Ihrer App in Firebase beginnen, sollten Sie sich die folgenden Anforderungen und Optionen ansehen:

Firebase CLI-Version 12.1.0 oder höher. Installieren Sie die CLI mit der gewünschten Methode.
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-Befehlszeile 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 Vorschau für Web-Frameworks:
```
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 „Möchten Sie ein Web-Framework verwenden? (experimentell)“
Wählen Sie das Hosting-Quellverzeichnis aus. Das kann eine vorhandene Flutter-App sein.
Wählen Sie bei Aufforderung „Flutter Web“ aus.

Vorhandenes Projekt initialisieren

Ändern Sie die Hosting-Konfiguration in firebase.json so, dass sie die Option source anstelle der Option 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 Standardbereitstellungsbefehl bereitstellen:

firebase deploy