Google se compromete a impulsar la igualdad racial para las comunidades afrodescendientes. Obtén información al respecto.

Agregue Firebase a su aplicación Flutter

requisitos previos

Si aún no tiene una aplicación de Flutter, puede completar Primeros pasos: prueba de manejo para crear una nueva aplicación de Flutter con su editor o IDE preferido.

Paso 1 : Instale las herramientas de línea de comando requeridas

  1. Si aún no lo ha hecho, instale Firebase CLI .

  2. Inicie sesión en Firebase usando su cuenta de Google ejecutando el siguiente comando:

    firebase login
    
  3. Instale FlutterFire CLI ejecutando el siguiente comando desde cualquier directorio:

    dart pub global activate flutterfire_cli
    

Paso 2 : Configure sus aplicaciones para usar Firebase

Use la CLI de FlutterFire para configurar sus aplicaciones de Flutter para conectarse a Firebase.

Desde el directorio de su proyecto Flutter, ejecute el siguiente comando para iniciar el flujo de trabajo de configuración de la aplicación:

flutterfire configure


Paso 3 : Inicialice Firebase en su aplicación

  1. Desde el directorio de su proyecto Flutter, ejecute el siguiente comando para instalar el complemento principal:

    flutter pub add firebase_core
    
  2. Desde el directorio de su proyecto Flutter, ejecute el siguiente comando para asegurarse de que la configuración de Firebase de su aplicación Flutter esté actualizada:

    flutterfire configure
    
  3. En su archivo lib/main.dart , importe el complemento principal de Firebase y el archivo de configuración que generó anteriormente:

    import 'package:firebase_core/firebase_core.dart';
    import 'firebase_options.dart';
    
  4. También en su archivo lib/main.dart , inicialice Firebase usando el objeto DefaultFirebaseOptions exportado por el archivo de configuración:

    await Firebase.initializeApp(
      options: DefaultFirebaseOptions.currentPlatform,
    );
    
  5. Reconstruya su aplicación Flutter:

    flutter run
    

Paso 4 : Agregar complementos de Firebase

Accede a Firebase en su aplicación Flutter a través de los diversos complementos de Firebase Flutter , uno para cada producto de Firebase (por ejemplo: Cloud Firestore, Authentication, Analytics, etc.).

Dado que Flutter es un marco multiplataforma, cada complemento de Firebase es aplicable para Apple, Android y plataformas web. Por lo tanto, si agrega cualquier complemento de Firebase a su aplicación Flutter, las versiones de Apple, Android y web de su aplicación lo utilizarán.

Aquí se explica cómo agregar un complemento Firebase Flutter:

  1. Desde el directorio de tu proyecto Flutter, ejecuta el siguiente comando:

    flutter pub add PLUGIN_NAME
  2. Desde el directorio de tu proyecto Flutter, ejecuta el siguiente comando:

    flutterfire configure
    

    Ejecutar este comando garantiza que la configuración de Firebase de su aplicación Flutter esté actualizada y, para Crashlytics y Performance Monitoring en Android, agrega los complementos de Gradle necesarios a su aplicación.

  3. Una vez completado, reconstruya su proyecto Flutter:

    flutter run
    

¡Estás listo! Sus aplicaciones de Flutter están registradas y configuradas para usar Firebase.

Complementos disponibles

Producto Nombre del complemento iOS Androide Web Otra manzana
(macOS, etc)
Analítica firebase_analytics
beta
Comprobación de la aplicación firebase_app_check
beta
Autenticación firebase_auth
beta
Tienda de fuego en la nube cloud_firestore
beta
Funciones en la nube cloud_functions
beta
Mensajería en la nube firebase_messaging
beta
Almacenamiento en la nube firebase_storage
beta
Crashlytics firebase_crashlytics
beta
Enlaces dinámicos firebase_dynamic_links
Mensajería en la aplicación firebase_in_app_messaging
Instalaciones de base de fuego firebase_app_installations
beta
Descargador de modelos ML firebase_ml_model_downloader
beta
Supervisión del rendimiento firebase_performance
Base de datos en tiempo real firebase_database
beta
Configuración remota firebase_remote_config
beta

Pruebe una aplicación de ejemplo con Analytics

Como todos los paquetes, el complemento firebase_analytics viene con un programa de ejemplo .

  1. Abre una aplicación de Flutter que ya hayas configurado para usar Firebase (consulta las instrucciones en esta página).

  2. Acceda al directorio lib de la aplicación, luego elimine el archivo main.dart existente.

  3. Desde el repositorio del programa de ejemplo de Google Analytics, copie y pegue los siguientes dos archivos en el directorio lib de su aplicación:

    • main.dart
    • tabs_page.dart
  4. Ejecute su aplicación Flutter.

  5. Vaya al proyecto de Firebase de su aplicación en la consola de Firebase y luego haga clic en Análisis en el panel de navegación izquierdo.

    1. Haga clic en Tablero . Si Analytics funciona correctamente, el tablero muestra un usuario activo en el panel "Usuarios activos en los últimos 30 minutos" (esto puede tomar tiempo para llenar este panel).

    2. Haga clic en Vista de depuración . Habilite la función para ver todos los eventos generados por el programa de ejemplo.

Para obtener más información sobre cómo configurar Analytics, visite las guías de introducción para iOS+ , Android y web .

Próximos pasos