Integrar Flutter Web

Con la CLI compatible con el marco de Firebase, puedes implementar tu aplicación Flutter en Firebase.

Antes de que empieces

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

  • Firebase CLI versión 12.1.0 o posterior. Asegúrese de instalar la CLI utilizando su método preferido.
  • Opcional: Facturación habilitada en tu proyecto de Firebase (obligatorio si planeas usar SSR)

Inicializar base de fuego

Para comenzar, inicializa Firebase para tu proyecto marco. Utilice Firebase CLI para un proyecto nuevo o modifique firebase.json para un proyecto existente.

Inicializar un nuevo proyecto

  1. En Firebase CLI, habilite la vista previa de los marcos web:
    firebase experiments:enable webframeworks
  2. Ejecute el comando de inicialización desde la CLI y luego siga las indicaciones:

    firebase init hosting

  3. Responda sí a "¿Quiere utilizar un marco web? (experimental)"

  4. Elija su directorio de origen de alojamiento; Esta podría ser una aplicación Flutter existente.

  5. Si se le solicita, elija Flutter Web.

Inicializar un proyecto existente

Cambie su configuración de alojamiento en firebase.json para tener una opción source , en lugar de una opción public . Por ejemplo:

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

Servir contenido estático

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

firebase deploy