Back to Browse

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

12.6K views
Feb 8, 2021
20:00

Veja como fazer login com autenticação do google ➡️ Curso Completo: https://bit.ly/PacoteFullStackCompletoB7webYT Links Importantes: 🎁 Curso Completo JS: https://bit.ly/PacoteFullStackCompletoB7webYT ✅ Curso Recomendado: https://programadorespartano.com.br/pacote-Fullstack-b7 🎮 Curso Games: https://programadorespartano.com.br/criacao-de-jogos Equipamentos que uso nos vídeos: 💻 Notebook: https://amzn.to/3oXueE8 🎙️ Áudio: https://amzn.to/39JRHCx 🪑 Cadeira: https://amzn.to/3ssLGmd 🖱 Mouse: https://amzn.to/39AjDIQ ⬇🔻 ASSISTA TODAS AS AULAS ⬇🔻 Aula 01 - Instalando o React JS https://youtu.be/ib67hlBpSY4 Aula 02 - Usando Styled Components https://youtu.be/j_cLz_A2odI Aula 03 - Rotas e Navegação de Telas https://youtu.be/rRGYKT0XdCQ Aula 04 - Como utilizar ícones https://youtu.be/4IwohsIXPqA Aula 05 - Como utilizar useState https://youtu.be/_ggyWGZODIM Aula 06 - Tela de Login e Senha - Parte 1 https://youtu.be/f09NhkqzLAY Aula 07 - Tela de Registre-se - Parte 2 https://youtu.be/mVrZlT0T6sY Aula 08 - Login com Autenticação do Google https://youtu.be/x9dCjZf3CD4 - 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: https://programadorespartano.com.br/pacote-Fullstack-b7 🔻 Conecte-se comigo 🔻 💻 Blog: https://programadorespartano.com.br 📸 Insta: https://instagram.com/programadorespartano/ 👍 Face: https://facebook.com/programadorespartano/ #login #autenticação #google #firebase #programaçãoweb #sistemaDeLogin #reactjs #FacebookGoogle #bootstrap #html #flutter #reactNative #loginApp #autenticação #autenticaçãoFacebook #autenticaçãoGoogle #programaçãoweb

Download

0 formats

No download links available.

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