Integrieren Sie Flutter Web

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

Bevor Sie beginnen

Bevor Sie mit der Bereitstellung Ihrer App in Firebase beginnen, prüfen Sie die folgenden Anforderungen und Optionen:

Firebase initialisieren

Initialisieren Sie zunächst 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.

Initialisieren Sie ein neues Projekt

  1. Aktivieren Sie in der Firebase-CLI die Web-Frameworks-Vorschau:
    firebase experiments:enable webframeworks
  2. Führen Sie den Initialisierungsbefehl über die CLI aus und befolgen Sie dann die Anweisungen:

    firebase init hosting

  3. Beantworten Sie die Frage „Möchten Sie ein Webframework verwenden? (experimentell)“ mit Ja.

  4. Wählen Sie Ihr Hosting-Quellverzeichnis; Dies könnte eine vorhandene Flutter-App sein.

  5. Wenn Sie dazu aufgefordert werden, wählen Sie Flutter Web.

Initialisieren Sie ein vorhandenes Projekt

Ändern Sie Ihre Hosting-Konfiguration in firebase.json so, dass eine source statt einer public Option vorhanden ist. Zum Beispiel:

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

Stellen Sie statische Inhalte bereit

Nach der Initialisierung von Firebase können Sie statische Inhalte mit dem Standard-Bereitstellungsbefehl bereitstellen:

firebase deploy