Aggiungi Firebase alla tua app Flutter
Prerequisiti
Installa il tuo editor o IDE preferito.
Installa Flutter per il tuo sistema operativo specifico, incluso quanto segue:
- Flutter SDK
- Biblioteche di supporto
- Software e SDK specifici della piattaforma
Accedi a Firebase utilizzando il tuo account Google.
Se non disponi già di un'app Flutter, puoi completare la Guida introduttiva: test drive per creare una nuova app Flutter utilizzando il tuo editor o IDE preferito.
Passaggio 1 : installare gli strumenti da riga di comando richiesti
Se non l'hai già fatto, installa Firebase CLI .
Accedi a Firebase utilizzando il tuo account Google eseguendo il seguente comando:
firebase login
Installa FlutterFire CLI eseguendo il comando seguente da qualsiasi directory:
dart pub global activate flutterfire_cli
Passaggio 2 : configura le tue app per utilizzare Firebase
Usa FlutterFire CLI per configurare le tue app Flutter per la connessione a Firebase.
Dalla directory del progetto Flutter, esegui il comando seguente per avviare il flusso di lavoro di configurazione dell'app:
flutterfire configure
Il flusso di lavoro
flutterfire configure
esegue le seguenti operazioni:
Ti chiede di selezionare le piattaforme (iOS, Android, Web) supportate nella tua app Flutter. Per ogni piattaforma selezionata, FlutterFire CLI crea una nuova app Firebase nel tuo progetto Firebase.
Puoi scegliere di utilizzare un progetto Firebase esistente o di creare un nuovo progetto Firebase. Se hai già app registrate in un progetto Firebase esistente, la CLI FlutterFire tenterà di abbinarle in base alla configurazione del tuo progetto Flutter corrente.
Crea un file di configurazione Firebase (
firebase_options.dart
) e lo aggiunge alla tua directorylib/
.(per Crashlytics o Performance Monitoring su Android) Aggiunge i plug-in Gradle specifici del prodotto richiesti all'app Flutter.
Passaggio 3 : inizializza Firebase nella tua app
Dalla directory del progetto Flutter, esegui il seguente comando per installare il plug-in principale:
flutter pub add firebase_core
Dalla directory del progetto Flutter, esegui il comando seguente per assicurarti che la configurazione Firebase dell'app Flutter sia aggiornata:
flutterfire configure
Nel tuo file
lib/main.dart
, importa il plugin principale di Firebase e il file di configurazione che hai generato in precedenza:import 'package:firebase_core/firebase_core.dart'; import 'firebase_options.dart';
Anche nel tuo file
lib/main.dart
, inizializza Firebase utilizzando l'oggettoDefaultFirebaseOptions
esportato dal file di configurazione:await Firebase.initializeApp( options: DefaultFirebaseOptions.currentPlatform, );
Ricostruisci la tua applicazione Flutter:
flutter run
Passaggio 4 : aggiungi i plug-in Firebase
Accedi a Firebase nella tua app Flutter tramite i vari plug-in Firebase Flutter , uno per ogni prodotto Firebase (ad esempio: Cloud Firestore, Authentication, Analytics, ecc.).
Poiché Flutter è un framework multipiattaforma, ogni plug-in Firebase è applicabile per piattaforme Apple, Android e Web. Pertanto, se aggiungi un plug-in Firebase alla tua app Flutter, verrà utilizzato dalle versioni Apple, Android e Web della tua app.
Ecco come aggiungere un plug-in Flutter Firebase:
Dalla directory del progetto Flutter, eseguire il comando seguente:
flutter pub add PLUGIN_NAME
Dalla directory del progetto Flutter, eseguire il comando seguente:
flutterfire configure
L'esecuzione di questo comando garantisce che la configurazione Firebase dell'app Flutter sia aggiornata e, per Crashlytics e il monitoraggio delle prestazioni su Android, aggiunge i plug-in Gradle richiesti alla tua app.
Una volta completato, ricostruisci il tuo progetto Flutter:
flutter run
Sei a posto! Le tue app Flutter sono registrate e configurate per utilizzare Firebase.
Plugin disponibili
Prodotto | Nome del plug-in | iOS | Androide | ragnatela | Altra Mela (macOS, ecc.) |
---|---|---|---|---|---|
Analitica | firebase_analytics | beta | |||
Controllo dell'app | firebase_app_check | beta | |||
Autenticazione | firebase_auth | beta | |||
Cloud Firestore | cloud_firestore | beta | |||
Funzioni cloud | cloud_functions | beta | |||
Messaggistica cloud | firebase_messaging | beta | |||
Archiviazione su cloud | firebase_storage | beta | |||
Crashlytics | firebase_crashlytics | beta | |||
Collegamenti dinamici | firebase_dynamic_links | ||||
Messaggistica in-app | firebase_in_app_messaging | ||||
Installazioni Firebase | firebase_app_installations | beta | |||
Downloader di modelli ML | firebase_ml_model_downloader | beta | |||
Monitoraggio delle prestazioni | firebase_performance | ||||
Database in tempo reale | firebase_database | beta | |||
Configurazione remota | firebase_remote_config | beta |
Prova un'app di esempio con Analytics
Come tutti i pacchetti, il plugin firebase_analytics
viene fornito con un programma di esempio .
Apri un'app Flutter che hai già configurato per utilizzare Firebase (consulta le istruzioni in questa pagina).
Accedi alla directory
lib
dell'app, quindi elimina il filemain.dart
esistente.Dal repository del programma di esempio di Google Analytics , copia e incolla i seguenti due file nella directory
lib
della tua app:-
main.dart
-
tabs_page.dart
-
Esegui la tua app Flutter.
Vai al progetto Firebase della tua app nella console Firebase , quindi fai clic su Analytics nella barra di navigazione a sinistra.
Fare clic su Dashboard . Se Analytics funziona correttamente, la dashboard mostra un utente attivo nel pannello "Utenti attivi negli ultimi 30 minuti" (questo potrebbe richiedere del tempo per popolare questo pannello).
Fare clic su Visualizzazione debug . Abilita la funzione per vedere tutti gli eventi generati dal programma di esempio.
Per ulteriori informazioni sulla configurazione di Analytics, consulta le guide introduttiva per iOS+ , Android e Web .
Prossimi passi
Ottieni un'esperienza pratica con Firebase Flutter Codelab .
Preparati ad avviare la tua app:
- Imposta avvisi di budget per il tuo progetto in Google Cloud Console.
- Monitora il dashboard di utilizzo e fatturazione nella console Firebase per avere un quadro generale dell'utilizzo del tuo progetto su più servizi Firebase.
- Esamina l'elenco di controllo per l'avvio di Firebase .