Flutter

Cómo Desplegar tu Sitio Flutter Web en Firebase Hosting

Guía completa para desplegar tu aplicación Flutter Web en Firebase Hosting. Desde la configuración hasta el despliegue, aprende a publicar tu app en la nube de Google.

Alberto Guaman diciembre 19, 2024 8 min de lectura

Categorías

Etiquetas

Temas

Flutter Firebase Hosting Despliegue

Cómo Desplegar tu Sitio Flutter Web en Firebase Hosting

¿Quieres que tu app Flutter Web esté disponible para todo el mundo?
¡Firebase Hosting es una de las formas más rápidas y sencillas de lograrlo!

¿Por qué usar Firebase Hosting para Flutter Web?

Gratis para proyectos pequeños y personales
SSL automático (https)
Despliegue rápido y sencillo
Integración con otros servicios de Firebase

Requisitos previos

Tener Flutter instalado (guía oficial)
Tener una cuenta de Google
Tener Node.js y npm instalados (descargar aquí)

Paso 1: Crea y construye tu proyecto Flutter Web

Si aún no tienes un proyecto:

flutter create mi_flutter_web
cd mi_flutter_web

Construye la versión web:

flutter build web

Esto generará la carpeta build/web con los archivos listos para desplegar.

Paso 2: Instala las herramientas de Firebase

npm install -g firebase-tools

Inicia sesión en Firebase:

firebase login

Paso 3: Inicializa Firebase Hosting en tu proyecto

firebase init

Selecciona Hosting (puedes usar barra espaciadora para marcar)
Elige el proyecto de Firebase que usarás (o crea uno nuevo en la consola de Firebase)
Define la carpeta pública como build/web
Elige No para configurar como SPA (a menos que uses rutas internas)
Elige No para sobrescribir index.html si te lo pregunta

Paso 4: Despliega tu sitio

firebase deploy

¡Listo! Firebase te dará una URL pública como:

https://tu-proyecto.web.app

Buenas prácticas y consejos

Usa flutter build web --release para producción
Personaliza tu dominio desde la consola de Firebase si lo deseas
Usa HTTPS siempre (Firebase lo activa por defecto)
Si usas rutas internas, configura rewrites en firebase.json

Ejemplo de archivo `firebase.json` para SPA

{
  "hosting": {
    "public": "build/web",
    "ignore": [
      "firebase.json",
      "**/.*",
      "**/node_modules/**"
    ],
    "rewrites": [
      { "source": "**", "destination": "/index.html" }
    ]
  }
}

Recursos útiles

¿Listo para mostrar tu app Flutter Web al mundo?
¡Con Firebase Hosting, el despliegue es rápido, seguro y gratuito!

Explorar etiquetas

flutter firebase hosting despliegue web google tutorial cloud

Más artículos

Testimonios

Qué dicen nuestros clientes

Comentarios reales de negocios que ya trabajaron con nosotros en web, sistemas y apps.

5.0

Google

23 reseñas

Raúl Muñoz Jara

13 ago 2024

Excelente profesional, rápido y amable en todo el proceso de lo que necesitas crear.

Bryan German Leon Rueda

22 feb 2024

Tinguar es una empresa de diseño web de primer nivel que superó todas mis expectativas. La calidad de su trabajo es impecable.

Jorge Luis

26 abr 2024

Excelente servicio, me ayudo con mi pagina EEUU. Lo recomiendo 100%.

Daniel Jaramillo

4 mar 2024

Excelente servicio, me realizo la pagina web y va de maravilla. Recomendable.

Adrian Alejandro Villena

6 jun 2023

Excelente servicio y atención, recomendado llevo años con esta empresa y son muy profesionales.

Carranza Luis

2 sept 2023

El gerente excelente profesional, realizó nuestra página para el centro pre universitario.. 10 / 10

María González

15 ene 2024

Increíble trabajo, muy profesional y puntual. Mi sitio web quedó perfecto.

Carlos Rodríguez

20 may 2024

Excelente atención al cliente y resultados sobresalientes. Altamente recomendado.

Ana Martínez

18 mar 2024

Trabajo de calidad superior, entregaron antes de lo esperado. Muy satisfecho.

Luis Fernández

10 jun 2024

Profesionales de primera, entendieron perfectamente lo que necesitaba.

Patricia Silva

5 abr 2024

Servicio excepcional, comunicación clara y resultados excelentes.

Roberto Torres

22 jul 2024

Equipo muy competente, transformaron mi idea en una realidad digital increíble.

Karina Espinoza

11 feb 2025

Pedí un POS para mi tienda y al final me ayudaron hasta con el ticket de la impresora térmica. Antes tenía todo en cuaderno jaja.

MÁ

Miguel Ángel Paredes

3 may 2025

La verdad se demoraron un poquito al inicio pero me avisaron. La web quedó bien y me enseñaron a subir productos yo mismo.

Diego Cárdenas

19 ago 2025

Buscaba algo para controlar renovaciones de streaming y ya no pelear con Excel. Me salió mucho más ordenado de lo que imaginaba.

Dra. Verónica Acosta

28 nov 2024

Hicieron la página de mi consultorio. Nada exagerado, limpia y fácil de leer. Mis pacientes ahora agendan por WhatsApp sin problema.

Esteban Mora

17 ene 2025

Lo bueno es que contestan. Uno escribe a las 9 de la noche y al día siguiente ya tienen avance. Yo soy de Cuenca y todo fue remoto.

Paola Ríos

9 mar 2025

Nos armó un panel chiquito para el inventario de 2 locales. No es un monstruo de software, es justo lo que necesitábamos.

Andrés Villacís

14 sept 2024

Me hicieron landing de un curso online. En 2 semanas ya tenía formulario y pagos. Precio razonable frente a otras cotizaciones.

Sofía Naranjo

21 jun 2025

Había trabajado con otro provider y me dejaron botado. Aquí por lo menos explican qué están haciendo y por qué.

Héctor Zambrano

2 abr 2025

App android para mi equipo de ventas. Falló un detalle al principio, lo corrigieron el mismo viernes. Eso me convenció.

Camila Ordóñez

8 jul 2025

No soy técnica, solo quería una web seria para mi marca de ropa. Me guiaron sin hablar en código y quedó linda.

Jaime Maldonado

25 sept 2025

Llevo el hosting con ellos desde el 2023. Si algo se cae, avisan. Eso vale oro cuando uno vende online.