Cómo Crear tu Primera Aplicación con Flutter y Firebase – Guía Paso a Paso

¿Quieres crear tu primera app móvil de manera rápida, moderna y conectada a la nube? Flutter y Firebase son dos tecnologías poderosas que te permiten desarrollar aplicaciones multiplataforma con una sola base de código, integrando funcionalidades como autenticación, base de datos en tiempo real, almacenamiento y más.

En esta guía práctica te mostraré cómo crear tu primera aplicación Flutter conectada a Firebase, desde cero y sin complicaciones.

🔧 Requisitos previos

  • Tener Flutter y Dart instalados en tu PC

  • Tener Android Studio o Visual Studio Code

  • Una cuenta de Firebase (gratuita en https://firebase.google.com/)

  • Conocimientos básicos de programación (opcional, pero recomendado)

🚀 Paso 1: Crear un nuevo proyecto Flutter

  1. Abre tu terminal o consola de comandos.

  2. Escribe: flutter create mi_app_firebase

  3. Accede a la carpeta del proyecto: cd mi_app_firebase

  4. Abre el proyecto en tu editor favorito.

🧩 Paso 2: Agregar Firebase a tu proyecto

  1. Ve a https://console.firebase.google.com/ y crea un nuevo proyecto.

  2. Selecciona "Android" como plataforma (también puedes hacerlo con iOS más adelante).

  3. Sigue las instrucciones para registrar tu app (nombre del paquete, SHA-1, etc.)

  4. Descarga el archivo google-services.json y colócalo dentro de android/app/

  5. Modifica los archivos build.gradle según lo indicado en la documentación oficial:

    • android/build.gradle

    • android/app/build.gradle

📦 Paso 3: Agregar los paquetes necesarios en pubspec.yaml

Agrega los siguientes paquetes:

dependencies:
firebase_core: ^2.25.0
firebase_auth: ^4.15.0

Luego corre:

flutter pub get

🔥 Paso 4: Inicializar Firebase en tu app

En main.dart, importa e inicializa Firebase:

import 'package:firebase_core/firebase_core.dart';
void main() async {
WidgetsFlutterBinding.ensureInitialized();
await Firebase.initializeApp();
runApp(const MyApp());
}

🧪 Paso 5: Agregar autenticación con correo y contraseña

  • Ve a Firebase Console > Authentication > Métodos de inicio de sesión

  • Activa el método de Email/Password

  • En tu app, crea un formulario simple de registro e inicio de sesión utilizando FirebaseAuth

✍️ Ejemplo básico de registro:

await FirebaseAuth.instance.createUserWithEmailAndPassword(email: email, password: password,);

📲 Paso 6: Ejecutar tu app

Conecta tu dispositivo o emulador y ejecuta:

flutter run

🎉 ¡Y listo! Ya tienes una aplicación Flutter funcional conectada a Firebase con autenticación básica.

📌 Conclusión

Esta guía te muestra cómo empezar con Flutter y Firebase, una combinación ideal para desarrollar apps rápidas, modernas y seguras. Desde aquí puedes seguir integrando funcionalidades como Firestore, Cloud Storage, notificaciones push y mucho más.

Comentarios

Publicar un comentario

Entradas más populares de este blog

Cómo gestionar el estado de autenticación y proteger las rutas de tu app Flutter

La gestión del estado de autenticación es esencial para asegurar que los usuarios puedan acceder solo a las partes de la aplicación que les correspondan. En Flutter, podemos gestionar el estado de autenticación y proteger las rutas mediante la integración de Firebase Authentication y una gestión eficiente del estado, lo que garantiza que las rutas de tu aplicación estén protegidas de forma dinámica según el estado de inicio de sesión del usuario. En este artículo, aprenderás cómo gestionar el estado de autenticación en tiempo real y cómo proteger las rutas de tu aplicación para que solo los usuarios autenticados puedan acceder a determinadas pantallas. 🚀 Paso 1: Integrar Firebase Auth en tu aplicación Si aún no has integrado Firebase en tu proyecto Flutter, asegúrate de tener las dependencias correctas en tu archivo pubspec.yaml : dependencies: firebase_core: ^2.25.0 firebase_auth: ^4.15.0 provider: ^6.0.3 Ejecuta: flutter pub get 🧩 Paso 2: Crear un servicio de aute...
Leer más

Cómo manejar notificaciones push avanzadas con Firebase Cloud Messaging y Flutter

Las notificaciones push son una de las formas más efectivas de interactuar con los usuarios, manteniéndolos informados y comprometidos incluso cuando no están usando activamente la aplicación. Firebase Cloud Messaging (FCM) es una herramienta poderosa para enviar notificaciones push a tus usuarios. En este artículo, exploraremos cómo manejar notificaciones push avanzadas en Flutter usando FCM, cubriendo características como notificaciones de datos, mensajes personalizados, y la gestión de notificaciones en segundo plano. 🚀 Paso 1: Recordatorio sobre la configuración básica de FCM en Flutter Antes de empezar con las notificaciones avanzadas, asegúrate de tener configurado FCM en tu proyecto Flutter. Si no lo has hecho aún, sigue los pasos de la configuración básica de FCM que cubrimos en artículos anteriores. Asegúrate de que las dependencias necesarias estén incluidas: dependencies: firebase_core: ^2.25.0 firebase_messaging: ^14.0.0 flutter_local_notifications: ^11.0.0 ...
Leer más

Cómo usar Firestore en Flutter para guardar y mostrar datos en tiempo real.

¿Te gustaría mostrar datos en tiempo real en tu app Flutter, sin necesidad de actualizar manualmente la pantalla? En este artículo aprenderás a integrar Cloud Firestore, la base de datos en tiempo real de Firebase, en tu aplicación Flutter. Con Firestore podrás guardar, leer y mostrar datos de forma instantánea y sincronizada, ideal para apps como chats, listas de tareas, productos, y mucho más. ¿Qué es Cloud Firestore? Cloud Firestore es una base de datos NoSQL en la nube, desarrollada por Google. Está optimizada para el desarrollo de aplicaciones móviles y web. Su principal ventaja es que permite actualizar datos en tiempo real y sincronizarlos entre dispositivos sin esfuerzo. 🚀 Paso 1: Requisitos previos Proyecto Flutter creado y funcionando Firebase configurado e inicializado (puedes revisar nuestra guía anterior) Conexión a Firebase con firebase_core Conexión a Firestore con cloud_firestore 📦 Paso 2: Instalar el paquete cloud_firestore En el archivo pubspec.ya...
Leer más