Caixa do Autor


Discuta o seu projeto

Sobre nós

Somos o parceiro Microsoft Gold com presença nos Estados Unidos e na Índia. Somos um provedor de serviços de TI dinâmico e profissional que atende empresas e startups, ajudando-as a enfrentar os desafios da economia global. Oferecemos serviços na área de Consultoria e implementação de CRM, Desenvolvimento de aplicações, Desenvolvimento de aplicações mobile, Desenvolvimento Web e Desenvolvimento Offshore.

Integrando o aplicativo Flutter com o Firebase

Integrando o aplicativo Flutter com o Firebase (configuração rápida)

By Subodh Dharmwan / 21 de janeiro de 2022

21 de janeiro de 2022
Integrando o aplicativo Flutter com o Firebase (configuração rápida)

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 Criar conta 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 Seguinte.
  • Siga as instruções e adicione um trecho de código ao local desejado. Então clique Seguinte.
  • 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.

[sc name = "Mobile App Development"] [add_newsletter] [add_related_page_diff_contents blog_cat = "mobile-development"]

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 Criar conta 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 Seguinte.
  • Siga as instruções e adicione um trecho de código ao local desejado. Então clique Seguinte.
  • 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.



0 0 votos
Artigo Avaliação
Subscrever
Receber por
convidado
0 Comentários
Comentários em linha
Ver todos os comentários
0
Adoraria seus pensamentos, por favor, comente.x