Implementación de Login Social con GitHub en Auth0

Curso de Auth0: Implementación de Autenticación y Seguridad Web

Contenido del curso

Introducción a Auth0

Conexiones sociales

Conexiones sin password

Protegiendo una API

Auth0 SDKs

Administración de usuarios

Reglas y Acciones en Auth0

Multifactor Authentication

Casos en producción

Tomar examen

Cursos Empresas Blog Live Conf Eventos Precios

0:004:53

Implementación de Login Social con GitHub en Auth0

Curso de Auth0: Implementación de Autenticación y Seguridad Web

Clase 5 de 28

Clase 5 / 28

Recursos

¿Cómo integrar conexiones sociales en tu aplicación?

Integrar conexiones sociales en tu aplicación puede parecer un desafío, pero con herramientas como Auth0, puedes lograrlo fácilmente. En este módulo, nos centraremos en las conexiones sociales con GitHub, Twitch y crearemos una conexión personalizada con Discord. Prepárate, porque sumergirse en el mundo de las autenticaciones sociales es fascinante y abre puertas a nuevas oportunidades.

¿Cómo hacer login con GitHub?

Para comenzar a integrar el login con GitHub en tu aplicación, sigue estos pasos claros y concisos:

Accede a Auth0: Ve a tu dashboard de Auth0 y selecciona "Authentication Social" para crear una nueva conexión.
Configura GitHub en Auth0: Busca el perfil de GitHub y selecciónalo. Sigue las instrucciones y almacena los datos de GitHub necesarios.
Crea una aplicación en GitHub:
- Accede a Developer Settings en tu perfil de GitHub.
- Dirígete a OAuth Apps y crea una nueva aplicación.
- Proporciona un nombre para tu app y una Homepage URL. Para el Authorization Callback URL, usa el dominio de Auth0 que encontraste en el cliente creado, algo como https://failure.eu.auth0.com/login/callback.
Registra y activa la app:
- Después de completar los datos, registra la aplicación.
- Copia el client ID y el client secret. ¡Atención! El client secret solo puede verse una vez, así que asegúrate de guardarlo correctamente.
Activa GitHub en Auth0: Asegúrate de activar GitHub en tu aplicación Auth0. Prueba la conexión para verificar su operación.
Comprueba la conexión en tu app: Si luego de forzar un logout no ves el login de GitHub, verifica que esté activada la opción correcta en Auth0 y prueba nuevamente.

¿Qué hacer si el avatar no se actualiza?

Si el avatar de GitHub no se refresca correctamente en tu aplicación:

Verifica el código en avatar.js. Asegúrate de cargar la imagen usando user.picture en lugar de la foto por defecto.
En caso de que no esté definido, puedes mantener una imagen predeterminada.

Con estos ajustes, tu aplicación mostrará el avatar del usuario sin problemas.

Consejos prácticos para implementar conexiones sociales

Pruebas rápidas: Auth0 ofrece keys de desarrollo que puedes usar para pruebas rápidas con ciertas conexiones. Úsalas con precaución y asegúrate de configurar tu client ID y client secret antes de salir a producción.
Reto de implementación: Intenta implementar el social login con Facebook. Sigue los pasos similares a los de GitHub para practicar y reforzar tu conocimiento.

Este recorrido por las conexiones sociales no solo amplía las capacidades de tu aplicación, sino que también enriquece la experiencia del usuario al ofrecer métodos de autenticación fluidos y sencillos. ¡Sigue explorando y aprendiendo!

Introducción a Auth0

Qué es Auth0 y cómo difiere de OAuth

Qué es Auth0 y cómo gestiona identidades

Implementación y Personalización de Universal Login con Auth0

Autenticación Rápida con SDK de Next.js y Auth0

Conexiones sociales

Implementación de Login Social con GitHub en Auth0

Login con Twitch usando Auth0

Login con Discord usando OAuth en Auth0

Conexiones sin password

Login con SMS usando Auth0 y Twilio

Passwordless con email en Auth0

Protegiendo una API

Cómo usar el Auth0 Management API

Registrar una API externa en Auth0

Protección de Endpoints con Auth0 y Access Tokens

Auth0 SDKs

Integración de Auth0 SDK en Aplicaciones React

Implementación de SDK en Express para Autenticación con Auth0

Autenticación Machine to Machine con Express y Auth0

Administración de usuarios

Gestão de utilizadores no painel Auth0

Roles y permisos en Auth0 paso a paso

Reglas y Acciones en Auth0

Reglas vs acciones en Auth0

Implementación de Gravatar en Auth0 para Perfiles con Alias de Gmail

Acciones vs Reglas en Auth0

Multifactor Authentication

Implementación de Multi-Factor Authentication con Auth0

Login sin contraseña con WebAuthn y FIDO

Implementación de One-Time Password en Auth0

Casos en producción

Monitoreo de logs y amenazas en Auth0

Integración de Firebase Authentication y Auth0 en Next.js

Autenticación Firebase con Auth0 y custom tokens

Reglas de Firestore basadas en custom claims

Checklist de Auth0 antes de salir a producción

Implementación de Login Social con GitHub en Auth0