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

  1. Se non l'hai già fatto, installa l'interfaccia a riga di comando di Firebase .

  2. Accedi a Firebase utilizzando il tuo account Google eseguendo il seguente comando:

    firebase login
    
  3. 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


Passaggio 3 : inizializza Firebase nella tua app

  1. Dalla directory del progetto Flutter, esegui il comando seguente per installare il plug-in principale:

    flutter pub add firebase_core
    
  2. Dalla directory del progetto Flutter, esegui il comando seguente per assicurarti che la configurazione Firebase dell'app Flutter sia aggiornata:

    flutterfire configure
    
  3. 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';
    
  4. Inoltre, nel file lib/main.dart , inizializza Firebase utilizzando l'oggetto DefaultFirebaseOptions esportato dal file di configurazione:

    await Firebase.initializeApp(
      options: DefaultFirebaseOptions.currentPlatform,
    );
    
  5. 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:

  1. Dalla directory del tuo progetto Flutter, esegui il seguente comando:

    flutter pub add PLUGIN_NAME
  2. 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.

  3. 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 .

  1. Apri un'app Flutter che hai già configurato per l'utilizzo di Firebase (vedi le istruzioni in questa pagina).

  2. Accedi alla directory lib dell'app, quindi elimina il file main.dart esistente.

  3. 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
  4. Esegui la tua app Flutter.

  5. Vai al progetto Firebase della tua app nella console Firebase , quindi fai clic su Analytics nel menu di navigazione sinistro.

    1. 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).

    2. 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