Curso de Flutter con Firebase

Configura Firebase en tu app Flutter iOS

Curso de Flutter con Firebase

Contenido del curso

Configura Firebase en tu app Flutter iOS

Resumen

Si estás construyendo una app de finanzas personales en Flutter y necesitas autenticación y base de datos, Firebase es la pieza que conecta todo. Aquí verás cómo crear el proyecto, vincularlo con Xcode y dejar listos los paquetes para empezar a programar.

Firebase es la plataforma de Google que te permite desarrollar, administrar y escalar servicios para tus aplicaciones móviles y web. Su fuerza está en que simplifica funcionalidades complejas (autenticación, base de datos, hosting, analíticas) bajo una arquitectura robusta pero fácil de usar, ideal tanto para proyectos personales como para equipos grandes.

¿Cómo creo un proyecto en la consola de Firebase?

El primer paso es entrar a firebase.google.com con tu cuenta de Google. Si no tienes una, puedes generarla desde Create account y luego dirigirte a la consola, que es el panel donde viven todos los servicios.

Dentro de la consola, crea un nuevo proyecto y asígnale un nombre claro. En este caso el proyecto se llama Personal Finance [1:00]. Firebase te preguntará si quieres habilitar Google Analytics; puedes activarlo o dejarlo desactivado según tus necesidades. Tras seleccionar la cuenta por defecto, el proyecto queda listo y entras a su consola.

Desde ahí ves los servicios principales disponibles:

  • Autenticación de usuarios.
  • Base de datos en tiempo real y Firestore.
  • Hosting para desplegar tu app o web.
  • Analíticas y configuraciones adicionales.

¿Qué es Firebase? Es una plataforma de Google que ofrece servicios listos para usar como autenticación, base de datos y hosting, pensados para que tu app escale sin que tengas que construir el backend desde cero.

¿Cómo registro una app iOS dentro de Firebase?

Como el proyecto está enfocado en iOS, debes registrar la aplicación seleccionando esa plataforma. Firebase te pedirá tres datos: el Apple Bundle ID, un nickname y el App Store ID. Por ahora solo necesitas los dos primeros; el App Store ID se completa cuando vayas a desplegar la app a producción [3:30].

¿Dónde encuentro el Apple Bundle ID en Xcode?

Para obtener el Bundle ID debes abrir el proyecto desde Xcode. En la terminal, navega a la carpeta ios de tu proyecto Flutter y abre el archivo Runner.xcworkspace. Dentro de Xcode, ve al apartado Runner > General y verás el campo Bundle Identifier, que puedes editar para que sea único, por ejemplo, usando una estructura tipo nombre.app.finance [4:45].

Copia ese identificador en el campo de Firebase, agrega un nickname descriptivo como Personal Finance y registra la aplicación.

¿Qué hago con el archivo GoogleService-Info?

Firebase generará un archivo de configuración que debes descargar y arrastrar a la raíz de la carpeta ios de tu proyecto Flutter [6:10]. Este archivo contiene las keys que conectan tu app de Apple con la consola de Firebase. Sin él, ningún servicio funcionará.

¿Para qué sirve el archivo GoogleService-Info? Es el puente entre tu app iOS y Firebase. Contiene las credenciales que autorizan a tu aplicación a consumir servicios como autenticación o Firestore.

¿Cómo activo la autenticación con email y contraseña?

De vuelta en la consola, entra a la sección Authentication y pulsa Iniciar. Firebase te muestra varios providers o métodos de inicio de sesión disponibles:

  • Email y contraseña.
  • Inicio de sesión con Apple.
  • Inicio de sesión con Google.

Para este proyecto se elige email y password como primer proveedor [8:20]. Esto habilita el flujo básico de registro e inicio de sesión que luego conectarás desde Flutter. Más adelante puedes sumar Apple y Google para ofrecer alternativas al usuario.

¿Qué paquetes necesito instalar en Flutter?

Para consumir Firebase desde tu app Flutter hay que instalar varios paquetes mediante la terminal. Cada uno cumple una función específica:

  • firebase_core: inicializa Firebase en la app, es la base obligatoria.
  • firebase_auth: maneja el registro, inicio de sesión y sesión activa del usuario.
  • cloud_firestore: conecta con Firestore, la base de datos de documentos de Firebase.
  • flutter_bloc: gestor de estados para mantener tu app organizada al comunicarse con Firebase.

La instalación se hace una por una, copiando el comando que aparece en la pestaña Installing de cada paquete y ejecutándolo en la terminal del proyecto [9:40]. Esto trae siempre la última versión estable y la agrega automáticamente al archivo pubspec.yaml.

Después de instalar todo, ejecuta flutter pub get para asegurarte de que las dependencias estén actualizadas y disponibles. Si revisas tu pubspec.yaml, verás cada paquete con su versión correspondiente.

¿Por qué necesito flutter_bloc junto a Firebase? Porque Firebase emite cambios constantes (sesión, datos en tiempo real) y necesitas un patrón que reaccione a esos eventos sin romper la UI. Bloc separa la lógica del estado y mantiene tu código limpio.

¿Qué queda listo después de esta configuración?

Con el proyecto creado, la app iOS registrada, el archivo GoogleService-Info en su lugar, el Bundle Identifier ajustado en Xcode, el proveedor de autenticación activo y los cuatro paquetes instalados, ya tienes la base completa para empezar a escribir el código que conecta tu app de finanzas personales con los servicios de Firebase.

¿Vas a usar también Apple Sign In o prefieres empezar solo con email y contraseña? Cuéntalo en los comentarios.