Agrega Firebase a tu aplicación Flutter

Requisitos previos

Si aún no tienes una aplicación Flutter, puedes completar Comenzar: prueba de manejo para crear una nueva aplicación Flutter usando tu editor o IDE preferido.

Paso 1 : instale las herramientas de línea de comando necesarias

  1. Si aún no lo has hecho, instala Firebase CLI .

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

    firebase login

  3. Instale la CLI de FlutterFire ejecutando el siguiente comando desde cualquier directorio:

    dart pub global activate flutterfire_cli

Paso 2 : configura tus aplicaciones para usar Firebase

Utilice FlutterFire CLI para configurar sus aplicaciones 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 : inicializa Firebase en tu 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 tu proyecto Flutter, ejecuta el siguiente comando para asegurarte de que la configuración de Firebase de tu 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. Reconstruye tu aplicación Flutter:

    flutter run

Paso 4 : agregue complementos de Firebase

Accede a Firebase en su aplicación Flutter a través de los distintos 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 algún complemento de Firebase a su aplicación Flutter, será utilizado por las versiones web, Apple y Android de su aplicación.

A continuación se explica cómo agregar un complemento Firebase Flutter:

  1. Desde el directorio de su proyecto Flutter, ejecute el siguiente comando:

    flutter pub add PLUGIN_NAME

  2. Desde el directorio de su proyecto Flutter, ejecute el siguiente comando:

    flutterfire configure

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

  3. Una vez completado, reconstruya su proyecto Flutter:

    flutter run

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

Complementos disponibles

Producto Nombre del complemento iOS Androide Web Otra manzana
(macOS, etc.)		 ventanas
Analítica firebase_analytics
beta
Verificación de aplicaciones firebase_app_check
beta
Autenticación firebase_auth
beta beta
Tienda de fuego en la nube cloud_firestore
beta beta
Funciones de la nube cloud_functions
beta
Mensajería en la nube firebase_messaging
beta
Almacenamiento en la nube firebase_storage
beta beta
Crashlíticos 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 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 dos archivos siguientes en el directorio lib de su aplicación:

    • main.dart
    • tabs_page.dart

  4. Ejecute su aplicación Flutter.

  5. Vaya al proyecto Firebase de su aplicación en Firebase console y luego haga clic en Analytics en el panel de navegación izquierdo.

    1. Haga clic en Panel de control . Si Analytics funciona correctamente, el panel muestra un usuario activo en el panel "Usuarios activos en los últimos 30 minutos" (esto puede llevar tiempo completar este panel).

    2. Haga clic en DebugView . 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