Aggiungi Firebase alla tua app Flutter
Prerequisiti
Installa il tuo editor o IDE preferito.
Installa Flutter per il tuo sistema operativo specifico, inclusi i seguenti:
- 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 della riga di comando richiesti
Se non l'hai già fatto, installa l'interfaccia a riga di comando di Firebase .
Accedi a Firebase utilizzando il tuo account Google eseguendo il seguente comando:
firebase login
Installa la CLI di FlutterFire eseguendo il seguente comando da qualsiasi directory:
dart pub global activate flutterfire_cli
Passaggio 2 : configura le tue app per utilizzare Firebase
Utilizza la CLI di FlutterFire per configurare le tue app Flutter per la connessione a Firebase.
Dalla directory del progetto Flutter, esegui il seguente comando 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, la CLI di FlutterFire 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 disponi già di app registrate in un progetto Firebase esistente, l'interfaccia a riga di comando di FlutterFire tenterà di abbinarle in base alla configurazione corrente del tuo progetto Flutter.
Crea un file di configurazione Firebase (
firebase_options.dart
) e lo aggiunge alla directorylib/
.(per Crashlytics o Monitoraggio delle prestazioni su Android) Aggiunge i plug-in Gradle specifici del prodotto richiesti alla tua app Flutter.
Passaggio 3 : inizializza Firebase nella tua app
Dalla directory del progetto Flutter, esegui il comando seguente 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 plug-in principale di Firebase e il file di configurazione che hai generato in precedenza:import 'package:firebase_core/firebase_core.dart'; import 'firebase_options.dart';
Inoltre, nel 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 Firebase Flutter:
Dalla directory del tuo progetto Flutter, esegui il seguente comando:
flutter pub add PLUGIN_NAME
Dalla directory del tuo progetto Flutter, esegui il seguente comando:
flutterfire configure
L'esecuzione di questo comando assicura 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 all'app.
Una volta completato, ricostruisci il tuo progetto Flutter:
flutter run
È tutto pronto! 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 | |||
CloudFirestore | cloud_firestore | beta | |||
Funzioni cloud | cloud_functions | beta | |||
Messaggi sulla nuvola | firebase_messaging | beta | |||
Archiviazione cloud | firebase_storage | beta | |||
Crashlytics | firebase_crashlytics | beta | |||
Collegamenti dinamici | firebase_dynamic_links | ||||
Messaggi in-app | firebase_in_app_messaging | ||||
Installazioni Firebase | firebase_app_installations | beta | |||
Scaricatore 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 plug-in firebase_analytics
viene fornito con un programma di esempio .
Apri un'app Flutter che hai già configurato per l'utilizzo di Firebase (vedi 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 nel menu di navigazione sinistro.
Fai clic su Dashboard . Se Analytics funziona correttamente, la dashboard mostra un utente attivo nel riquadro "Utenti attivi negli ultimi 30 minuti" (questo potrebbe richiedere del tempo per popolare questo riquadro).
Fare clic su DebugView . Abilita la funzione per vedere tutti gli eventi generati dal programma di esempio.
Per ulteriori informazioni sulla configurazione di Analytics, visita le guide introduttive per iOS+ , Android e Web .
Prossimi passi
Ottieni un'esperienza pratica con Firebase Flutter Codelab .
Preparati a lanciare la tua app:
- Imposta avvisi di budget per il tuo progetto in Google Cloud Console.
- Monitora la dashboard di utilizzo e fatturazione nella console Firebase per ottenere un quadro generale dell'utilizzo del tuo progetto su più servizi Firebase.
- Esamina l' elenco di controllo per il lancio di Firebase .