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.

Diese Seite wurde von der Cloud Translation API übersetzt.

Flutter Web einbinden
Mit Sammlungen den Überblick behalten Sie können Inhalte basierend auf Ihren Einstellungen speichern und kategorisieren.

Mit der Firebase-CLI können Sie Ihre Flutter-Anwendung auf Firebase bereitstellen.

Hinweis

Bevor Sie mit der Bereitstellung Ihrer App in Firebase beginnen, sollten Sie sich mit den folgenden Anforderungen und Optionen vertraut machen:

Firebase CLI-Version 12.1.0 oder höher Installieren Sie die Befehlszeile mit der gewünschten Methode.
Optional: Abrechnung in Ihrem 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-Befehlszeile die Vorschau der Web-Frameworks:
```
firebase experiments:enable webframeworks
```
Führen Sie den Initialisierungsbefehl über die Befehlszeile 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. Dies kann eine vorhandene Flutter-App sein.
Wählen Sie bei Aufforderung „Flutter Web“ aus.

Vorhandenes Projekt initialisieren

Ändern Sie die Hostingkonfiguration in firebase.json, sodass die Option source statt public verwendet wird. Beispiel:

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

Statische Inhalte bereitstellen

Nachdem Sie Firebase initialisiert haben, können Sie statische Inhalte mit dem Standardbefehl für die Bereitstellung bereitstellen:

firebase deploy