Integrar o Flutter Web

Com a CLI com reconhecimento de framework do Firebase, é possível implantar seu aplicativo do Flutter no Firebase.

Antes de começar

Antes de começar a implantação do app no Firebase, confira os seguintes requisitos e opções:

  • CLI do Firebase versão 12.1.0 ou mais recente. Instale a CLI usando seu método preferido.
  • Opcional: ative o faturamento no seu projeto do Firebase (obrigatório se você planeja usar a SSR).

Inicializar o Firebase

Para começar, inicialize o Firebase para seu projeto de framework. Use a CLI do Firebase para um novo projeto ou modifique firebase.json para um projeto que já existe.

Inicializar um novo projeto

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

    firebase init hosting

  3. Responda "Sim" para "Você quer usar uma estrutura da Web?" (experimental)

  4. Escolha o diretório de origem de hospedagem, que pode ser um app Flutter já usado.

  5. Se necessário, escolha Flutter Web.

Inicializar um projeto que já existe

Altere a configuração de hospedagem em firebase.json para que haja uma opção source, em vez de uma opção public. Exemplo:

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

Disponibilizar conteúdo estático

Depois de inicializar o Firebase, exiba conteúdos estáticos com o comando de implantação padrão:

firebase deploy