Fügen Sie Firebase zu Ihrer Flutter-App hinzu

Voraussetzungen

Wenn Sie noch keine Flutter-App haben, können Sie „Erste Schritte: Testversion“ abschließen, um mit Ihrem bevorzugten Editor oder Ihrer bevorzugten IDE eine neue Flutter-App zu erstellen.

Schritt 1 : Installieren Sie die erforderlichen Befehlszeilentools

  1. Falls noch nicht geschehen, installieren Sie die Firebase-CLI .

  2. Melden Sie sich mit Ihrem Google-Konto bei Firebase an, indem Sie den folgenden Befehl ausführen:

    firebase login

  3. Installieren Sie die FlutterFire-CLI, indem Sie den folgenden Befehl in einem beliebigen Verzeichnis ausführen:

    dart pub global activate flutterfire_cli

Schritt 2 : Konfigurieren Sie Ihre Apps für die Verwendung von Firebase

Verwenden Sie die FlutterFire-CLI, um Ihre Flutter-Apps für die Verbindung mit Firebase zu konfigurieren.

Führen Sie in Ihrem Flutter-Projektverzeichnis den folgenden Befehl aus, um den App-Konfigurationsworkflow zu starten:

flutterfire configure


Schritt 3 : Initialisieren Sie Firebase in Ihrer App

  1. Führen Sie in Ihrem Flutter-Projektverzeichnis den folgenden Befehl aus, um das Kern-Plugin zu installieren:

    flutter pub add firebase_core

  2. Führen Sie in Ihrem Flutter-Projektverzeichnis den folgenden Befehl aus, um sicherzustellen, dass die Firebase-Konfiguration Ihrer Flutter-App auf dem neuesten Stand ist:

    flutterfire configure

  3. Importieren Sie in Ihre lib/main.dart Datei das Firebase-Core-Plugin und die Konfigurationsdatei, die Sie zuvor generiert haben:

    import 'package:firebase_core/firebase_core.dart';
import 'firebase_options.dart';

  4. Initialisieren Sie Firebase außerdem in Ihrer lib/main.dart Datei mit dem von der Konfigurationsdatei exportierten DefaultFirebaseOptions -Objekt:

    await Firebase.initializeApp(
  options: DefaultFirebaseOptions.currentPlatform,
);

  5. Erstellen Sie Ihre Flutter-Anwendung neu:

    flutter run

Schritt 4 : Firebase-Plugins hinzufügen

Sie greifen in Ihrer Flutter-App über die verschiedenen Firebase Flutter-Plugins auf Firebase zu, eines für jedes Firebase-Produkt (z. B. Cloud Firestore, Authentifizierung, Analytics usw.).

Da Flutter ein plattformübergreifendes Framework ist, ist jedes Firebase-Plugin für Apple-, Android- und Webplattformen anwendbar. Wenn Sie also ein Firebase-Plugin zu Ihrer Flutter-App hinzufügen, wird es von den Apple-, Android- und Webversionen Ihrer App verwendet.

So fügen Sie ein Firebase Flutter-Plugin hinzu:

  1. Führen Sie in Ihrem Flutter-Projektverzeichnis den folgenden Befehl aus:

    flutter pub add PLUGIN_NAME

  2. Führen Sie in Ihrem Flutter-Projektverzeichnis den folgenden Befehl aus:

    flutterfire configure

    Das Ausführen dieses Befehls stellt sicher, dass die Firebase-Konfiguration Ihrer Flutter-App auf dem neuesten Stand ist, und fügt Ihrer App für Crashlytics und Performance Monitoring auf Android die erforderlichen Gradle-Plugins hinzu.

  3. Wenn Sie fertig sind, erstellen Sie Ihr Flutter-Projekt neu:

    flutter run

Sie sind bereit! Ihre Flutter-Apps sind für die Verwendung von Firebase registriert und konfiguriert.

Verfügbare Plugins

Produkt Plugin-Name iOS Android Netz Anderes Apple
(macOS usw.)
Analytik firebase_analytics
Beta
App-Check firebase_app_check
Beta
Authentifizierung firebase_auth
Beta
Cloud Firestore cloud_firestore
Beta
Cloud-Funktionen cloud_functions
Beta
Cloud-Messaging firebase_messaging
Beta
Cloud-Speicher firebase_storage
Beta
Crashlytics firebase_crashlytics
Beta
Dynamische Links firebase_dynamic_links
In-App-Nachrichten firebase_in_app_messaging
Firebase-Installationen firebase_app_installations
Beta
ML-Modell-Downloader firebase_ml_model_downloader
Beta
Leistungsüberwachung firebase_performance
Echtzeitdatenbank firebase_database
Beta
Remote-Konfiguration firebase_remote_config
Beta

Probieren Sie eine Beispiel-App mit Analytics aus

Wie alle Pakete liegt auch dem firebase_analytics Plugin ein Beispielprogramm bei.

  1. Öffnen Sie eine Flutter-App, die Sie bereits für die Verwendung von Firebase konfiguriert haben (siehe Anweisungen auf dieser Seite).

  2. Greifen Sie auf das lib Verzeichnis der App zu und löschen Sie dann die vorhandene Datei main.dart .

  3. Kopieren Sie aus dem Google Analytics- Beispielprogramm-Repository die folgenden zwei Dateien und fügen Sie sie in das lib Verzeichnis Ihrer App ein:

    • main.dart
    • tabs_page.dart

  4. Führen Sie Ihre Flutter-App aus.

  5. Gehen Sie in der Firebase-Konsole zum Firebase-Projekt Ihrer App und klicken Sie dann im linken Navigationsbereich auf Analytics .

    1. Klicken Sie auf Dashboard . Wenn Analytics ordnungsgemäß funktioniert, zeigt das Dashboard im Bereich „In den letzten 30 Minuten aktive Benutzer“ einen aktiven Benutzer an (das Ausfüllen dieses Bereichs kann einige Zeit dauern).

    2. Klicken Sie auf DebugView . Aktivieren Sie die Funktion, um alle vom Beispielprogramm generierten Ereignisse anzuzeigen.

Weitere Informationen zum Einrichten von Analytics finden Sie in den Erste-Schritte-Anleitungen für iOS+ , Android und Web .

Nächste Schritte