Integra Flutter Web

Con la CLI de Firebase adaptada al framework, puedes implementar tu aplicación de Flutter en Firebase.

Antes de comenzar

Antes de comenzar a implementar tu app en Firebase, revisa los siguientes requisitos y opciones:

  • Versión 12.1.0 o posterior de Firebase CLI. Asegúrate de instalar la CLI con el método que prefieras.
  • Opcional: Ten la facturación habilitada en tu proyecto de Firebase (obligatoria si planeas usar SSR)

Inicializa Firebase

A fin de comenzar, inicializa Firebase para tu proyecto de framework. Usa Firebase CLI para un proyecto nuevo o modifica firebase.json en un proyecto existente.

Inicializa un proyecto nuevo

  1. En Firebase CLI, habilita la vista previa de frameworks web:
    firebase experiments:enable webframeworks
  2. Ejecuta el comando de inicialización desde la CLI y, luego, sigue las indicaciones:

    firebase init hosting

  3. Responde Sí a la pregunta “¿Quieres usar un framework web? (experimental)”

  4. Elige el directorio del código fuente para hosting, que podría ser una app de Flutter existente.

  5. Si se te solicita, elige Flutter Web.

Inicializa un proyecto existente

Cambia la configuración de hosting en firebase.json para que tenga una opción source, en lugar de una opción public. Por ejemplo:

{
  "hosting": {
    "source": "./path-to-your-flutter-app"
  }
}

Entrega contenido estático

Después de inicializar Firebase, puedes entregar contenido estático con el siguiente comando de implementación estándar:

firebase deploy