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:

    • SDK Flutter
    • 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

  1. Se non l'hai già fatto, installa la CLI Firebase .

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

    firebase login
    
  3. Installa la CLI FlutterFire eseguendo il comando seguente da qualsiasi directory:

    dart pub global activate flutterfire_cli
    

Passaggio 2 : configura le tue app per utilizzare Firebase

Utilizza la CLI FlutterFire 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


Passaggio 3 : inizializza Firebase nella tua app

  1. Dalla directory del progetto Flutter, esegui il comando seguente per installare il plugin 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 plugin core 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 plugin Firebase

Accedi a Firebase nella tua app Flutter tramite i vari plug-in Firebase Flutter , uno per ciascun prodotto Firebase (ad esempio: Cloud Firestore, Autenticazione, Analisi, 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 progetto Flutter, esegui il comando seguente:

    flutter pub add PLUGIN_NAME
  2. Dalla directory del progetto Flutter, esegui il comando seguente:

    flutterfire configure
    

    L'esecuzione di questo comando garantisce che la configurazione Firebase dell'app Flutter sia aggiornata e, per Crashlytics e Performance Monitoring su Android, aggiunge i plug-in Gradle richiesti alla tua 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 plugin iOS Androide ragnatela Altra mela
(macOS, ecc.)
Analitica firebase_analytics
beta
Controllo dell'app firebase_app_check
beta
Autenticazione firebase_auth
beta
Cloud Fire Store cloud_firestore
beta
Funzioni del cloud cloud_functions
beta
Messaggistica sul cloud firebase_messaging
beta
Archiviazione nel 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
Banca dati 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 .

  1. Apri un'app Flutter che hai già configurato per utilizzare 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 due file seguenti 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 a sinistra.

    1. Fare clic su Pannello di controllo . Se Analytics funziona correttamente, la dashboard mostra un utente attivo nel pannello "Utenti attivi negli ultimi 30 minuti" (l'operazione potrebbe richiedere del tempo per popolare questo pannello).

    2. 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, visita le guide introduttive per iOS+ , Android e web .

Prossimi passi