Login com Autenticação do Google e Configuração do Firebase - Reactjs

Veja como fazer login com autenticação do google
➡️ Curso Completo:

Links Importantes:

Equipamentos que uso nos vídeos:

⬇🔻 ASSISTA TODAS AS AULAS ⬇🔻
Aula 01 - Instalando o React JS

Aula 02 - Usando Styled Components

Aula 03 - Rotas e Navegação de Telas

Aula 04 - Como utilizar ícones

Aula 05 - Como utilizar useState

Aula 06 - Tela de Login e Senha - Parte 1

Aula 07 - Tela de Registre-se - Parte 2

Aula 08 - Login com Autenticação do Google

-
Na aula de hoje, vamos aprender como fazer a autenticação de login com o google.

O usuário poderá escolher como deseja acessar o sistema, seja através do login e senha cadastrado no banco ou através da sua conta de gmail (Google).

Será necessário utilizarmos uma ferramenta para integrar nossa aplicação React com o token de identificação do google e facebook. Para isso, vamos utilizar o Firebase.

O firebase foi desenvolvido pelo Google, e é uma plataforma que veio para facilitar o desenvolvimento de sistemas e aplicativos, ou seja, toda a estrutura de servidores, banco de dados, API, etc, o firebase oferece para integrar o seu projeto.

Você só precisa focar no desenvolvimento do seu sistema, pois o lado “back-end” estará tudo prontinho para integrar com sua aplicação.

Para criar o login com autenticação via google, dentro do projeto Firebase, vamos utilizar o “Firebase Authentication”. Este módulo nos permite integrar nossa tela de login com a autenticação via Google, Facebook, Play Store e muito mais.

Para registrar os dados de usuário, utilizaremos no firebase o módulo “Firebase Storage”. Este módulo nos permite criar um banco de dados e suas “tabelas”, que no caso, chamamos de collection.

Ao final, vamos ver a “mágica” acontecendo! A autenticação de login com o Google.

Na próxima aula, estaremos realizando a autenticação de login com o Facebook.

Espero que esta aula te mostre como é fácil programar, como é fácil criar qualquer coisa utilizando a programação, basta focarmos em cada etapa do projeto.

Se ficou alguma dúvida, escreva aqui nos comentários abaixo. Assim que possível, vou te responder!

Grande abraço,
Espartano.

Curso completo no Pacote Fullstack:

🔻 Conecte-se comigo 🔻

#login #autenticação #google #firebase #programaçãoweb #sistemaDeLogin #reactjs #FacebookGoogle #bootstrap #html #flutter #reactNative #loginApp #autenticação #autenticaçãoFacebook #autenticaçãoGoogle #programaçãoweb

[pinkloucalouca]

Melhor aula que já assisti na vida! Muito passo a passo e direto ao ponto...Valeu...mais um inscrito aqui!

[tomsantos]

professor fico muito grato por sua aula esta me ajudando muito !!

[BrunoFilho]

Firebase faz milagre hausahushaush valeu pelo vídeo irmão, didático demais

[FERAMATA]

Conteúdo de qualidade, queria ser melhorzinho nos html e css da vida, por sorte seus vídeos me ajudam muito.

[luanmoraes]

Excelente explicação! Excelente conteúdo!

[luishenriquealberti]

Ótimo conteúdo, ansioso pelo próximo!

[alangraton]

Po mano, valw pelo vídeo, me ajudou d++ em um projeto aqui ^-^ Continue com o ótimo trabalho com os seus vídeos!

[janilsonbaierski]

Bom Dia... Excelente suas aulas, parabens... Tive problemas aqui no firebase, ta dando uns erros como se ele nao estivesse instalado corretamente. Seria a versao dele sera ? Se tiver alguma dica, eu agradeço... Um aBRAÇO...

[rafaelponciano]

Qual a diferenca de usar a lib react google login e usar esse jeito?

[CrispimLuizMartins]

Muito bom, agora se tiver que pegar essas dados e enviar para o Firestore, tipo collection users?

[soudocampo]

Poderia disponibilizar o código fonte do projeto jovem?

[patrickdesouzalima]

professor na index header, pq editou os icones? editou e não havia mostrado

[massacote.ff_ofc]

Ao invés de criar um projeto específico para Android eu posso usar o Web (assim como no vídeo) e usar no meu aplicativo android?

[waltiner]

Parece uma boa aula, mas inviável fazer a gente assistir todos os anteriores para ter o código

[liloxx]

Ótima aula. Parabéns!!
Mas cadê a autenticação do Facebook??

[felipeandreas]

Funciona na versão receber do firebase ? Ou ou

[patrickdesouzalima]

tem agora a autenticação com o facebook?

[silasrodrigues]

Tem previsão pra sair a autenticação com o Facebook? vou tentar fazer sozinho mas seria daora poder ver como tu fez caso eu consiga fazer sozinho

[eltonrodrigueshomem]

Como fazer o logout? Sem ser manualmente lá no firebase e sim quando o usuário clicar em sair

[patrickdesouzalima]

professor estou com esse erro, sabe o que pode ser?

Cannot instantiate firebase-auth.js - be sure to load firebase-app.js first