Integrar Flutter Web

Com a CLI compatível com a estrutura do Firebase, você pode implantar seu aplicativo Flutter no Firebase.

Antes de você começar

Antes de começar a implantar seu aplicativo no Firebase, revise os seguintes requisitos e opções:

  • CLI do Firebase versão 12.1.0 ou posterior. Certifique-se de instalar a CLI usando seu método preferido.
  • Opcional: faturamento ativado no seu projeto do Firebase (obrigatório se você planeja usar SSR)

Inicializar Firebase

Para começar, inicialize o Firebase para seu projeto de estrutura. Use a Firebase CLI para um novo projeto ou modifique firebase.json para um projeto existente.

Inicialize um novo projeto

  1. Na CLI do Firebase, ative a visualização de estruturas da web:
    firebase experiments:enable webframeworks
  2. Execute o comando de inicialização na CLI e siga as instruções:

    firebase init hosting

  3. Responda sim para "Deseja usar um framework web? (experimental)"

  4. Escolha o diretório de origem da hospedagem; este poderia ser um aplicativo Flutter existente.

  5. Se solicitado, escolha Flutter Web.

Inicializar um projeto existente

Altere sua configuração de hospedagem em firebase.json para ter uma opção source , em vez de uma opção public . Por exemplo:

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

Servir conteúdo estático

Depois de inicializar o Firebase, você pode fornecer conteúdo estático com o comando de implantação padrão:

firebase deploy