Fügen Sie Firebase zu Ihrer Flutter-App hinzu
Voraussetzungen
Installieren Sie Ihren bevorzugten Editor oder Ihre bevorzugte IDE .
Installieren Sie Flutter für Ihr spezifisches Betriebssystem, einschließlich der folgenden:
- Flutter-SDK
- Unterstützende Bibliotheken
- Plattformspezifische Software und SDKs
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
Falls noch nicht geschehen, installieren Sie die Firebase-CLI .
Melden Sie sich mit Ihrem Google-Konto bei Firebase an, indem Sie den folgenden Befehl ausführen:
firebase login
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
Der
flutterfire configure
führt Folgendes aus:
Fordert Sie auf, die in Ihrer Flutter-App unterstützten Plattformen (iOS, Android, Web) auszuwählen. Für jede ausgewählte Plattform erstellt die FlutterFire-CLI eine neue Firebase-App in Ihrem Firebase-Projekt.
Sie können entweder ein vorhandenes Firebase-Projekt verwenden oder ein neues Firebase-Projekt erstellen. Wenn Sie bereits Apps in einem vorhandenen Firebase-Projekt registriert haben, versucht die FlutterFire-CLI, diese basierend auf Ihrer aktuellen Flutter-Projektkonfiguration abzugleichen.
Erstellt eine Firebase-Konfigurationsdatei (
firebase_options.dart
) und fügt sie Ihremlib/
-Verzeichnis hinzu.(für Crashlytics oder Performance Monitoring auf Android) Fügt Ihrer Flutter-App die erforderlichen produktspezifischen Gradle-Plugins hinzu.
Schritt 3 : Initialisieren Sie Firebase in Ihrer App
Führen Sie in Ihrem Flutter-Projektverzeichnis den folgenden Befehl aus, um das Kern-Plugin zu installieren:
flutter pub add firebase_core
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
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';
Initialisieren Sie Firebase außerdem in Ihrer
lib/main.dart
Datei mit dem von der Konfigurationsdatei exportiertenDefaultFirebaseOptions
-Objekt:await Firebase.initializeApp( options: DefaultFirebaseOptions.currentPlatform, );
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:
Führen Sie in Ihrem Flutter-Projektverzeichnis den folgenden Befehl aus:
flutter pub add PLUGIN_NAME
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.
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.
Öffnen Sie eine Flutter-App, die Sie bereits für die Verwendung von Firebase konfiguriert haben (siehe Anweisungen auf dieser Seite).
Greifen Sie auf das
lib
Verzeichnis der App zu und löschen Sie dann die vorhandene Dateimain.dart
.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
-
Führen Sie Ihre Flutter-App aus.
Gehen Sie in der Firebase-Konsole zum Firebase-Projekt Ihrer App und klicken Sie dann im linken Navigationsbereich auf Analytics .
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).
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
Sammeln Sie praktische Erfahrungen mit dem Firebase Flutter Codelab .
Bereiten Sie den Start Ihrer App vor:
- Richten Sie Budgetbenachrichtigungen für Ihr Projekt in der Google Cloud Console ein.
- Überwachen Sie das Nutzungs- und Abrechnungs- Dashboard in der Firebase-Konsole, um einen Gesamtüberblick über die Nutzung Ihres Projekts über mehrere Firebase-Dienste hinweg zu erhalten.
- Sehen Sie sich die Checkliste für den Firebase-Start an.