Intégrer Flutter Web

Avec la CLI Firebase compatible avec les frameworks, vous pouvez déployer votre application Flutter sur Firebase.

Avant de commencer

Avant de commencer à déployer votre application sur Firebase, consultez les exigences et options suivantes :

  • Firebase CLI version 12.1.0 ou ultérieure. Veillez à installer la CLI à l'aide de la méthode de votre choix.
  • Facultatif : facturation activée dans votre projet Firebase (obligatoire si vous prévoyez d'utiliser SSR)

Initialiser Firebase

Pour commencer, initialisez Firebase pour votre projet de framework. Utilisez la CLI Firebase pour un nouveau projet ou modifiez firebase.json pour un projet existant.

Initialiser un nouveau projet

  1. Dans la Firebase CLI, activez la version Preview des frameworks Web :
    firebase experiments:enable webframeworks
  2. Exécutez la commande d'initialisation à partir de la CLI, puis suivez les instructions :

    firebase init hosting

  3. Répondez "Oui" à la question "Do you want to use a web framework? (experimental)" (Souhaitez-vous utiliser un framework Web ? (expérimental))

  4. Choisissez votre répertoire source d'hébergement. Il peut s'agir d'une application Flutter existante.

  5. Si vous y êtes invité, sélectionnez Flutter Web.

Initialiser un projet existant

Modifiez votre configuration d'hébergement dans firebase.json pour qu'elle comporte une option source plutôt qu'une option public. Exemple :

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

Diffuser du contenu statique

Après avoir initialisé Firebase, vous pouvez diffuser du contenu statique à l'aide de la commande de déploiement standard :

firebase deploy