Hoje vamos implementar em nossa aplicação do Kinvo o Google Firebase, que irá cuidar de toda a gestão de acessos de nosso APP.

Para quem está vendo este artigo e não entendeu o porque estou falando do Kinvo, propus um desafio este final de ano de replicar este aplicativo como forma de estudo.

Se quiser acompanhar os demais artigos, você encontra nesta página introdutória, a qual atualizarei até o final do projeto.

Bom, voltando ao assunto, para quem não conhece o Google Firebase, vou deixar um resumo do que precisa entender antes de irmos para o código.

Afinal, o que é Google Firebase?

O Google Firebase é uma plataforma desenvolvida pela própria Google que facilita a vida dos desenvolvedores alguns serviços para construção de aplicativos web e mobile.

Desta plataforma, o que iremos demonstrar é apenas o serviço de Autenticação, no caso por e-mail / senha.

Mas o serviço não se limita em só oferecer recursos de autenticação, mas uma infinidade de outros serviços e possibilidades.

Criando nossa aplicação no Google Firebase

Vamos antes de iniciar com o código, deixar configurado nossa aplicação lá na plataforma do Firebase.

Para isto, acesse o site da plataforma firebase.google.com e se já tiver uma conta, clique em “Ir para o Console”.

Se não tiver criado uma conta, não tem problema, é bem simples e rápido e pode fazê-lo tranquilamente.

Clique em “Ir para o Console” e verá um dashboard semelhante à imagem abaixo:

Inclusive, nossa aplicação demo do Kinvo está lá listada já, pois já havia criando anteriormente para os meus testes.

Mas irei criar uma do zero passo a passo novamente para você não se perder, ok? Então vamos lá, clique em “Adicionar projeto” e verá a próxima página:

Vou nomear meu projeto e avançar e na próxima página, ele te dará a opção de integrar com o Google Analytics, o que não iremos utilizar no momento.

Mas recomendo deixar habilitado para você testar, inclusive é uma ferramenta poderosa para rastreio de sua aplicação.

Após clicar em continuar, ele irá criar sua aplicação até terminar e exibir a tela:

Done! Agora vamos continuar e acessar a Dashboard.

Gerarndo o token de acesso da aplicação no Google Firebase

Você chegou até aqui para criar sua conta e aplicação, agora vamos pegar o nosso token de acesso, o que iremos utilizar lá no Angular.

Até aqui, você deve ter chegado nesta dashboard do Firebase, conforme a imagem abaixo:

Note que tem uma frase “Comece adicionando o Firebase ao seu aplicativo”. Vamos utilizar para web. Portanto, clique no ícone Web (“</>”).

Você irá visualizar a tela:

Nomeiei sua aplicação e após, clique em “Registrar app” e irá aparecer seu token:

Guarde este token pois já iremos utilizar, blza? No próximo artigo iremos ver como conecta-lo à nossa aplicação Angular.

Até mais!