Autenticación de Google en React JS || Google Auth y Google API | Tutorial en Español

En este tutorial aprenderás a cómo agregar la autenticación o autentificación de Google a tu aplicación de React JS de una manera fácil y rápida. Para ello necesitaremos el paquete react-google-login. El único requisito necesario es tener una cuenta de Google. Espero que este vídeo te sea de gran utilidad.

🢃🢃🢃🢃🢃🢃🢃🢃🢃🢃🢃🢃🢃🢃🢃🢃🢃🢃🢃🢃🢃🢃🢃🢃🢃🢃🢃🢃🢃🢃🢃🢃🢃🢃🢃🢃🢃🢃🢃🢃🢃🢃🢃🢃🢃🢃

Único curso en Español de React y Ant Design:

Único curso en Español de Componentes de Terceros de REACT JS:

Dashboard sencillo y responsivo con React JS y Material UI:

Crud con React JS y ASP.NET Core:

Login con React JS y Node JS con Fake Api:

[sebastiansantander]

Como siempre, Borja nunca decepciona, EXCELENTE VIDEO.

[andrair]

Como siempre lo mejores tutoriales muy oportunos los haces vos.

[jfparrado]

genio. muchas gracias. un video muy claro

[bau]

Tu voz parece al del "y que agarra y que me dice" 🤣
Gracias amigo me sirvió tu video.

[addliam]

Como se hace con uxmode redirect. Tengo frontend nextjs y backend express. Lo solucione usando cookie y redirect desde el back pero siento q esta mal

[cumpaMira]

comento que actualmente no se usa esta librería, en poco tiempo va a quedar obsoleta (google lo dice en su documentación). Ahora se hace de otra forma, se utiliza Google Identity Services

[dantemax]

excelente. para React Native en Expo, hay algún ejemplo? ... algún email para consultas?

[franciscojaviercaballe]

Cortito y al pie, como decimos en mi país. Gracias amigo!

[jhonoquendo]

Muy buen aporte, muchas gracias, saludos.

[felipesegovia]

Consulta, funciona todo correctamente pero por ejemplo si quisiera cerrar sesión y luego volver a iniciar una sesión pero con otra cuenta el modal de google se cierra automáticamente :(

[henryalfredogarciapalacio]

para controlar el envio de los datos y validar para abrir ads, este login sirve, pero como se solicita el permiso de apertura del google ads manager?

[genarotapiarios]

excelente video! Tienes algun video de autentificacion por google y restringir ciertas paginas si no se esta logueado?

[omarsalvadorescaleraescale]

Hola, como se le da diseño al botón de google, no me acepta las propiedades css, o como se le pasan?

[andrair]

Intente deployar mi sitio en Netlify y siempre me da error al intentar autenticarme, ya le puse el origin del sitio y continua saliendo

[omarsalvadorescaleraescale]

como se le cambia el diseño al boton de google, le meto propiedades css y no funciona

[anymtz]

Hola me pide git credential Manager, a que credenciales se refiere?

[liderdiosdelares]

me sirvio papu xd cuando lo termine, me tiro un erro: popup_closed_by_user, si les pasa, se puede solucionar usando: gapi.js . es una api para google. salu2

[ignaciomartinjankauskas]

me sale el error: cb=gapi.loaded_0?le=scs:179 Cross-Origin-Opener-Policy policy would block the window.closed call. es en next.js usando react 18, alguien sabe algo?

[andresalh]

Primero felicitaciones por el vídeo! Segundo si quizá podrías ayudarme, tengo un programa donde el registro se hace con el nombre completo, correo y contraseña (es algo básico), y está info se guarda en la BD usando mongodb, ¿como se podría implementar esta función...?

[VANTYCSolutions]

Bravo!! maestro 👏👏👏. Si le pones logo a la app te manda en automático a verficar la app y no te deja incluso quitar la imagen. Tú has verificado alguna app? Te piden algun estandar de calidad o te permiten libertad de tu app? Tiene algún costo usar esta API?