Introducción a Auth0

1

Curso Completo de Auth0: Autenticación y Protección de APIs

2

Autenticación y Autorización con Auth0 y Universal Login

3

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

4

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

Conexiones sociales

5

Implementación de Login Social con GitHub en Auth0

6

Implementación de Login Social con Twitch en Auth0

7

Creación de Conexión Personalizada con Discord en Auth0

Conexiones sin password

8

Implementación de Login Passwordless con SMS usando Auth0 y Twilio

9

Implementación de Autenticación con Email en Auth0

Protegiendo una API

10

Protección de APIs con Auth0 Management API

11

Configuración de APIs en Auth0 para proteger servidores proxy

12

Protección de Endpoints con Auth0 y Access Tokens

Auth0 SDKs

13

Integración de Auth0 SDK en Aplicaciones React

14

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

15

Autenticación Machine to Machine con Express y Auth0

Administración de usuarios

16

Administración de Usuarios en Auth0: Creación, Bloqueo y Eliminación

17

Gestión de Roles y Permisos en Auth0

Reglas y Acciones en Auth0

18

Reglas y Acciones en Auth0: Implementación y Usos Prácticos

19

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

20

Implementación de Acciones y Reglas en Auth0

Multifactor Authentication

21

Implementación de Multi-Factor Authentication con Auth0

22

Autenticación Web con Llaves de Seguridad Fido

23

Implementación de One-Time Password en Auth0

Casos en producción

24

Monitoreo y Seguridad en Auth0: Logs y Herramientas Externas

25

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

26

Implementación de Firebase Authentication con Auth0 y Firebase Admin

27

Configuración de Reglas de Seguridad en Firebase Firestore

28

Implementación de Auth0 en Entornos de Producción

No tienes acceso a esta clase

¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera

Implementación de Login Social con GitHub en Auth0

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:

  1. Accede a Auth0: Ve a tu dashboard de Auth0 y selecciona "Authentication Social" para crear una nueva conexión.

  2. Configura GitHub en Auth0: Busca el perfil de GitHub y selecciónalo. Sigue las instrucciones y almacena los datos de GitHub necesarios.

  3. 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.
  4. 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.
  5. Activa GitHub en Auth0: Asegúrate de activar GitHub en tu aplicación Auth0. Prueba la conexión para verificar su operación.

  6. 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!

Aportes 2

Preguntas 0

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

* Podemos activar Social Login con GitHub desde el dashboard de Auth0 y por defecto nos deja usar unas credenciales de prueba * Para salir a producción es necesario crear una nueva aplicación en el panel de desarrolladores de GitHub
Genial y sencillo