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 “Vejo" 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 Inscreve-te 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.

Obtenha uma consultoria

Procurando por mais conteúdo incrível? Junte-se ao nosso boletim informativo

Obrigado por subscrever.

  Por favor, corrija o (s) campo (s) marcado (s) abaixo.

1, falso, 1, sobrenome, 2

1, verdadeiro, 6, E-mail de contato, 2

1, falso, 1, primeiro nome, 2

BLOGS RELACIONADOS

Blogs

12 benefícios do desenvolvimento de aplicativos móveis para pequenas empresas

Blogs

10 razões pelas quais os aplicativos B2B são um ótimo investimento para o seu negócio

Blogs

Fatores a serem considerados na determinação do custo de desenvolvimento de aplicativos para dispositivos móveis

carregar mais