Adicionar o Firebase ao seu app Flutter
Pré-requisitos
Instale o editor ou o ambiente de desenvolvimento integrado de sua preferência.
Instale o Flutter no seu sistema operacional específico e inclua o seguinte:
- SDK do Flutter
- Bibliotecas de suporte
- Software e SDKs específicos da plataforma
Faça login no Firebase usando sua Conta do Google.
Se você ainda não tem um app Flutter, conclua os Primeiros passos: test drive para criar um novo app Flutter usando o editor ou ambiente de desenvolvimento integrado de sua preferência.
Etapa 1: instalar as ferramentas de linha de comando necessárias
Instale a CLI do Firebase, caso ainda não tenha feito isso.
Faça login no Firebase com sua Conta do Google executando o seguinte comando:
firebase login
Instale a CLI do FlutterFire executando o seguinte comando em qualquer diretório:
dart pub global activate flutterfire_cli
Etapa 2: configurar os apps para usar o Firebase
Use a CLI do FlutterFire para configurar seus apps do Flutter e se conectar ao Firebase.
No diretório do projeto do Flutter, execute o seguinte comando para iniciar o fluxo de trabalho de configuração do app:
flutterfire configure
Etapa 3: inicializar o Firebase no app
No diretório do projeto do Flutter, execute o seguinte comando para instalar o plug-in principal:
flutter pub add firebase_core
No diretório do projeto do Flutter, execute o seguinte comando para garantir que a configuração do app criado com o Flutter do Firebase esteja atualizada:
flutterfire configure
No arquivo
lib/main.dart
, importe o plug-in principal do Firebase e o arquivo de configuração gerado antes:import 'package:firebase_core/firebase_core.dart'; import 'firebase_options.dart';
Ainda no arquivo
lib/main.dart
, inicialize o Firebase usando o objetoDefaultFirebaseOptions
exportado pelo arquivo de configuração:await Firebase.initializeApp( options: DefaultFirebaseOptions.currentPlatform, );
Recrie o aplicativo do Flutter:
flutter run
Etapa 4: adicionar plug-ins do Firebase
É possível acessar o Firebase no app do Flutter usando os vários plug-ins do Firebase para o Flutter, um para cada produto, como Cloud Firestore, Authentication, Analytics etc.
Como o Flutter é um framework multiplataforma, cada plug-in do Firebase é aplicável a plataformas da Apple, do Android e da Web. Por isso, qualquer plug-in do Firebase adicionado ao seu app do Flutter será usado pelas versões para Apple, Android e Web do seu app.
Veja como adicionar um plug-in do Firebase ao Flutter:
No diretório do projeto do Flutter, execute o seguinte comando:
flutter pub add PLUGIN_NAME
No diretório do projeto do Flutter, execute o seguinte comando:
flutterfire configure
A execução desse comando garante que a configuração do Firebase do seu app criado com o Flutter esteja atualizada e, para o Crashlytics e o Monitoramento de desempenho no Android, adicione os plug-ins necessários do Gradle ao app.
Após a conclusão, recrie seu projeto do Flutter:
flutter run
Está tudo pronto! Agora seus apps do Flutter estão registrados e configurados para usar o Firebase.
Plug-ins disponíveis
Produto | Nome do plug-in | iOS | Android | Web | Outra da Apple (como o macOS) |
Windows |
---|---|---|---|---|---|---|
Analytics | firebase_analytics |
Beta | ||||
App Check | firebase_app_check |
Beta | ||||
Authentication | firebase_auth |
Beta | Beta | |||
Cloud Firestore | cloud_firestore |
Beta | Beta | |||
Cloud Functions | cloud_functions |
Beta | ||||
Cloud Messaging | firebase_messaging |
Beta | ||||
Cloud Storage | firebase_storage |
Beta | Beta | |||
Crashlytics | firebase_crashlytics |
Beta | ||||
Dynamic Links | firebase_dynamic_links |
|||||
Mensagens no app | firebase_in_app_messaging |
|||||
Instalações do Firebase | firebase_app_installations |
Beta | ||||
Download de modelos de ML | firebase_ml_model_downloader |
Beta | ||||
Monitoramento de desempenho | firebase_performance |
|||||
Realtime Database | firebase_database |
Beta | ||||
Configuração remota | firebase_remote_config |
Beta | ||||
Vertex AI para Firebase | firebase_vertexai |
Beta |
Testar um aplicativo de exemplo com o Analytics
Como todos os pacotes, o plug-in firebase_analytics
vem com um
programa de exemplo.
Abra um app Flutter que você já configurou para usar o Firebase. Veja instruções nesta página.
Acesse o diretório
lib
do aplicativo e exclua o arquivomain.dart
atual.No repositório de programas de exemplo do Google Analytics, copie e cole os dois arquivos abaixo no diretório
lib
do seu aplicativo:main.dart
tabs_page.dart
Execute seu app Flutter.
Acesse o projeto do Firebase do seu app no Console do Firebase e clique em Analytics no menu de navegação à esquerda.
Clique em Painel. Se o Analytics estiver funcionando corretamente, o painel mostrará um usuário ativo no painel "Usuários ativos nos últimos 30 minutos". Pode levar algum tempo para que esse painel seja preenchido.
Clique em DebugView. Ative o recurso para ver todos os eventos gerados pelo programa de exemplo.
Saiba mais sobre como configurar o Analytics nos guias para iniciantes para iOS+, Android e Web.
Próximas etapas
Aprenda a usar o Firebase Flutter Codelab na prática.
Prepare-se para lançar seu aplicativo:
- Configure alertas de orçamento para o projeto no Console do Google Cloud.
- Monitore o painel Uso e faturamento no Console do Firebase para ter uma visão geral do uso do projeto em vários serviços do Firebase.
- Consulte a lista de verificação de lançamento do Firebase.