Fügen Sie Ihrer Flutter-App Firebase 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
- Bibliotheken unterstützen
- Plattformspezifische Software und SDKs
Wenn Sie noch keine Flutter-App haben, können Sie Erste Schritte: Testlauf abschließen, um eine neue Flutter-App mit Ihrem bevorzugten Editor oder Ihrer bevorzugten IDE 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 aus 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
macht Folgendes:
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 bestehenden Firebase-Projekt registriert haben, versucht die FlutterFire-CLI, sie 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 Ihrer
lib/main.dart
Datei das Firebase-Core-Plug-in und die zuvor generierte Konfigurationsdatei:import 'package:firebase_core/firebase_core.dart'; import 'firebase_options.dart';
Initialisieren Sie Firebase auch 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 : Fügen Sie Firebase-Plugins hinzu
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, Authentication, Analytics usw.).
Da Flutter ein plattformübergreifendes Framework ist, ist jedes Firebase-Plugin für Apple-, Android- und Webplattformen anwendbar. Wenn Sie also Ihrer Flutter-App ein Firebase-Plug-in 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 Leistungsüberwachung 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 registriert und für die Verwendung von Firebase konfiguriert.
Verfügbare Plugins
Produkt | Plugin-Name | iOS | Android | Netz | Anderer Apfel (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-Messaging | firebase_in_app_messaging | ||||
Firebase-Installationen | firebase_app_installations | Beta | |||
ML-Modell-Downloader | firebase_ml_model_downloader | Beta | |||
Leistungsüberwachung | firebase_performance | ||||
Echtzeit-Datenbank | firebase_database | Beta | |||
Remote-Konfig | firebase_remote_config | Beta |
Probieren Sie eine Beispiel-App mit Analytics aus
Wie alle Pakete enthält auch das firebase_analytics
-Plug-in ein Beispielprogramm .
Ö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 vorhandenemain.dart
Datei.Kopieren Sie aus dem Repository des Google Analytics-Beispielprogramms die folgenden beiden 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 einen aktiven Benutzer im Bereich „In den letzten 30 Minuten aktive Benutzer“ an (das Fü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-Leitfäden 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 sich einen Überblick über die Nutzung Ihres Projekts über mehrere Firebase-Dienste hinweg zu verschaffen.
- Überprüfen Sie die Firebase-Startcheckliste .