top of page
  • Alejandro Carrazana

Aprende a integrar Firebase en tu aplicación Flutter

¿Cómo puedo autenticar a los usuarios en mi app móvil o web, además de almacenar y sincronizar datos en tiempo real? Si también necesitamos enviar notificaciones push a los usuarios y realizar un análisis de la interacción que recibe mi aplicación a diario.


Todas estas problemáticas constituyen un reto para los desarrolladores hoy en día. Existen varias alternativas para resolverlos, pero una solución eficaz es el uso de la plataforma Firebase creada por Google. Vamos a ver una forma sencilla y rápida de configurar Firebase dentro de una aplicación Flutter, potenciando nuestro producto.


Introducción a Firebase


Firebase es una plataforma de desarrollo de aplicaciones móviles y web de Google que proporciona una variedad de herramientas y servicios para desarrolladores. Algunas de las funciones más populares de Firebase incluyen almacenamiento de datos en tiempo real, autenticación de usuarios, notificaciones push, análisis y monitoreo de apps.


Firebase cuenta con una amplia gama de características y servicios para ayudar a los desarrolladores a construir y escalar aplicaciones móviles y web.

  • Base de datos en tiempo real: Firebase almacena y sincroniza automáticamente datos en tiempo real entre dispositivos y aplicaciones. Esto permite a los desarrolladores construir aplicaciones en las que los usuarios pueden colaborar en tiempo real.

  • Almacenamiento de archivos: Firebase proporciona almacenamiento en la nube para imágenes, videos, archivos y otros contenidos multimedia.

  • Autenticación de usuarios: Firebase proporciona una variedad de opciones de autenticación, incluyendo inicio de sesión con correo electrónico y contraseña, inicio de sesión con redes sociales, y autenticación de dos factores.

  • Análisis de rendimiento: Firebase permite a los desarrolladores rastrear el rendimiento de sus aplicaciones y obtener informes detallados sobre el uso y los errores.

  • Notificaciones push: Firebase permite enviar notificaciones push a los usuarios de las aplicaciones móviles.

  • Hosting: Firebase proporciona un servicio de alojamiento web seguro y escalable para aplicaciones web.

  • Machine Learning: Firebase proporciona una serie de herramientas y servicios para integrar inteligencia artificial en sus aplicaciones, incluyendo el servicio de reconocimiento de imágenes, traducción automática y generación de texto.

Firebase se integra fácilmente con otras herramientas y servicios de Google, como Google Cloud Storage, Google Cloud Functions y Google Analytics. Es una plataforma popular entre los desarrolladores debido a su facilidad de uso y escalabilidad.


Integración de Firebase con Flutter


Firebase y Flutter son ampliamente utilizados para crear aplicaciones móviles de alta calidad y escalables. Integrar Firebase con Flutter permite a los desarrolladores agregar funcionalidades de backend a sus aplicaciones móviles.


Al utilizar Firebase con Flutter, los desarrolladores pueden ahorrar tiempo y esfuerzo en la creación de servidores, bases de datos, y en su lugar enfocarse en el desarrollo de la interfaz de usuario y la lógica de negocio de la aplicación.

A continuación explicamos los pasos para la creación de un proyecto en Firebase.


Pasos para crear un proyecto en Firebase

Dirígete al enlace https://console.firebase.google.com y agrega un nuevo proyecto.

Crear un proyecto con Firebase

Seguido establece el nombre del proyecto.

Nombre del proyecto de Firebase

Habilita o deshabilita Google Analytics en tu proyecto de Firebase. Al habilitar Google Analytics será posible utilizar las siguientes funcionalidades en Firebase: Pruebas A/B, Segmentación de usuarios y orientación a ellos en los productos, Usuarios que no experimentan fallas, Activadores de Cloud Functions basados en eventos e Informes ilimitados y gratuitos.

Google Analytics para tu proyecto

Configura Google Analytics. Para ello debes elegir una cuenta que ya tengas o crear una nueva.

Configurar Google Analytics

Con estos sencillos pasos se ha creado un proyecto de Firebase.

Pasos para integrar un proyecto de Firebase a una aplicación Flutter

La vía recomendada para agregar Firebase en una aplicación Flutter es a través de la interfaz de línea de comandos (CLI) de FlutterFire. Para ello debes instalar Firebase CLI y acceder a la cuenta de Google asociada al proyecto de Firebase mediante el comando firebase login dentro del terminal.


Una vez autenticado con la cuenta de Google, puedes instalar FlutterFire CLI con el siguiente comando: dart pub global activate flutterfire_cli.

Seguido en la raíz del directorio de tu proyecto Flutter, ejecuta el comando: flutterfire configure en un terminal. Este comando te mostrará la lista de proyectos que ya tienes en Firebase o te dará la opción de crear uno nuevo para agregarlo a la aplicación de Flutter.


Una vez seleccionado el proyecto de Firebase, te brindará la opción de configurar las plataformas que tiene como destino la aplicación (android, ios, macos, windows, web). Y se agregará un archivo de configuración lib/firebase_options.dart.


Debes incluir en el fichero pubspec.yaml los paquetes de Firebase para Flutter: firebase_core y otros que sean necesarios en base a las funcionalidades que utilices.


A continuación debes inicializar Firebase en el método main con la configuración obtenida del archivo firebase_options.dart.

import 'package:octa_app/firebase_options.dart';
import 'package:firebase_core/firebase_core.dart';

void main() async {
   ...
 	await Firebase.initializeApp(
   		options: DefaultFirebaseOptions.currentPlatform,
	 );
    ...
}

En adición, es recomendable agregar para Android el fichero google-services.json con el objetivo de que funcione Google Analytics correctamente. Este fichero se descarga desde el proyecto de Firebase en la configuración de la aplicación y se inserta en el directorio app del proyecto como se muestra en la imagen.

Integrar Firebase en Flutter

Para el caso de iOS, coloca el archivo GoogleService-Info.plist que puedes descargar desde Firebase, en el directorio raíz de tu proyecto de Xcode.

Integrar Firebase en Flutter

De esta forma queda configurado Firebase en un aplicación Flutter.



¡No te pierdas más artículos sobre el desarrollo de aplicaciones Flutter! ¡Síguenos y mantente actualizado con todo lo nuevo que tenemos preparado para ti en nuestro blog!


コメント


bottom of page