Flutter e Firebase trabalham juntos para ajudar você a criar aplicativos móveis em tempo recorde. O Firebase funciona como back-end para aplicativos móveis e o Flutter é o SDK do Google para criar aplicativos móveis para dispositivos Android e iOS. O Firebase permite que você desenvolva, avalie, aprimore e expanda seu aplicativo para dispositivos móveis. Ele é apoiado pelo Google e fornece recursos como banco de dados, autenticação, armazenamento, hospedagem e muito mais sem manter seu próprio servidor.
O FlutterFire é usado para integrar o aplicativo Flutter ao Firebase. FlutterFire é um conjunto de plugins oficiais que permitem implementar serviços do Firebase em seu aplicativo Flutter. A versão estável do mesmo fornece uma variedade de plugins críticos.
Primeiros passos com a configuração do Firebase
- Agora, para começar a usar o Firebase, primeiro você precisa criar um novo projeto do Firebase.
- Faça login em uma Conta do Google, navegue até o console do Firebase e clique em Adicionar projeto.
- Digite um nome de projeto e clique em Continuar.
- Após o início do projeto, clique em Continuar.
- Isso o levará à tela Visão geral de um projeto. Portanto, você encontrará opções para integrar o projeto Firebase ao seu aplicativo Android ou iOS.
Além disso, leia: Principais estruturas de desenvolvimento de aplicativos da Web para 2022: obtenha o máximo de escalabilidade com custos mais baixos
Integrando o Firebase com seu aplicativo Flutter
O projeto Firebase agora está claramente pronto para ser integrado a um aplicativo para dispositivos móveis. Embora usemos o Flutter, que é uma estrutura de plataforma separada, ainda precisamos fazer a primeira configuração do Firebase para ambas as plataformas separadamente.
Configuração do Android com Firebase
Para integrar um projeto do Firebase ao aplicativo Android, siga as etapas obrigatórias abaixo.
- Clique no Android (ícone) na página de visão geral do projeto:
- Isso levará a um formulário. Primeiro, você precisa dar um nome do pacote Android. Você pode encontrar esta lista de seus Projeto → Android → Aplicativo → SRC → AndroidManifest.xml. Na segunda linha, você verá o nome do seu pacote. Basta copiar e colar no formulário.
- Opcionalmente, você pode dar um apelido para esse aplicativo. Ou, se você deixar este campo em branco, um Gerado automaticamente nome do aplicativo será usado.
- Você deve inserir um Hash SHA-1. Basta passar o mouse sobre um ícone de ajuda (?) E clique em “See" página. Isso o levará à página de autenticação do seu cliente.
- A partir daqui, você receberá um comando para produzir um hash SHA-1. Anexe isso ao seu terminal para obter o hash SHA-1, então simplesmente copie e cole o hash gerado no formulário.
- Clique no Inscrições aplicativo. Isso o levará para a próxima página.
- Baixe um determinado google-services.json arquivo, coloque-o em seu Diretório de projetos → Aplicativo Android → e clique em Próximo.
- Siga as instruções e adicione um trecho de código ao local desejado. Então clique Próximo.
- Finalmente, clique em Continuar consolar.
- Com isso, você concluiu a configuração do Firebase no lado Android do seu aplicativo.
Além disso, leia: Como implementar anúncios da Admob para aplicativos flutuantes
Configuração do iOS para Firebase
Agora, vamos dar uma olhada na configuração do iOS para o Firebase =>
- Para adicionar suporte ao iOS, precisamos seguir algum tipo de configuração e instruções semelhantes.
- Para isso, primeiro, precisamos voltar ao painel desse projeto e lá você precisa clicar no ícone do iOS, isso o levará ao processo de configuração.
- Agora você precisa inserir 'id do pacote iOS'. E para confirmação, você precisa combiná-lo com o pacote de aplicativos dentro do seguinte caminho –
Caminho para encontrar o ID do pacote para configuração do iOS – iOS/Runner/Runner.xcodeproj
- Agora você precisa baixar um arquivo chamado como GoogleService-Info.plist e coloque-o na raiz do nosso projeto XCode com o Runner: –
- Nota – Certifique-se de colocar esse arquivo dentro do Xcode para criar as referências de arquivo adequadas.
- E, portanto, você verá muito mais instruções, mas elas não são obrigatórias, basta clicar em continuar no console e pronto.
Uau! Você já fez isso.
Você concluiu a configuração do Firebase para Android e iOS em seu aplicativo.
Além disso, leia: Flutter Basics: por que usar o Flutter para o desenvolvimento de aplicativos móveis
Conclusão
Neste artigo, você aprendeu como integrar ou configurar e preparar seus aplicativos Flutter para serem usados com o Firebase. Flutter autorizou suporte para Firebase com o FlutterFire conjunto de bibliotecas, esses plug-ins FlutterFire funcionam juntos em aplicativos práticos para testar seu aplicativo quanto a erros e coletar dados para ajudá-lo a melhorar a experiência do usuário.
Então, você adicionou com sucesso seu aplicativo flutter para o firebase! Lembre-se sempre ao realizar a conexão do Firebase, seu aplicativo deve ser interrompido.
Serviços de desenvolvimento de aplicativos móveis
Você quer alavancar a tecnologia móvel para sua empresa? A Cynoteck é um provedor completo de Serviços de Desenvolvimento de Aplicativos Móveis. Oferecemos serviços de desenvolvimento de aplicativos iOS e Android para que você alcance seu público-alvo em qualquer dispositivo.
