Configura el inicio de sesión social con GitHub
El conector oficial de Logto para el inicio de sesión social de GitHub.
En esta guía, asumimos que tienes conocimientos básicos de los conectores de Logto. Si no los tienes, consulta la guía Configurar conectores para comenzar.
Comenzar
El conector de GitHub permite a los usuarios finales iniciar sesión en tu aplicación utilizando sus propias cuentas de GitHub a través del protocolo de autenticación OAuth 2.0 de GitHub.
Iniciar sesión con cuenta de GitHub
Ve al sitio web de GitHub e inicia sesión con tu cuenta de GitHub. Puedes registrar una nueva cuenta si no tienes una.
Crear y configurar la aplicación OAuth
Sigue la guía de creación de una aplicación OAuth y registra una nueva aplicación.
Nombra tu nueva aplicación OAuth en Application name y completa la Homepage URL de la aplicación. Puedes dejar el campo Application description en blanco y personalizar Authorization callback URL como ${your_logto_origin}/callback/${connector_id}. El connector_id se puede encontrar en la barra superior de la página de detalles del conector en la Consola de Administración de Logto.
Nota: Si encuentras el mensaje de error "The redirect_uri MUST match the registered callback URL for this application." al iniciar sesión, intenta alinear la URL de devolución de llamada de autorización de tu aplicación OAuth de GitHub y la URL de redirección de tu aplicación Logto (por supuesto, incluyendo el protocolo) para resolver el problema.
Sugerimos no marcar la casilla antes de Enable Device Flow, o los usuarios que inicien sesión con GitHub en dispositivos móviles deberán confirmar la acción de inicio de sesión inicial en la aplicación de GitHub. Muchos usuarios de GitHub no instalan la aplicación móvil de GitHub en sus teléfonos, lo que podría bloquear el flujo de inicio de sesión. Por favor, ignora nuestra sugerencia si esperas que los usuarios finales confirmen su flujo de inicio de sesión. Consulta los detalles del flujo de dispositivos.
Gestión de aplicaciones OAuth
Ve a la página de aplicaciones OAuth y puedes agregar, editar o eliminar aplicaciones OAuth existentes. También puedes encontrar el Client ID y generar Client secrets en las páginas de detalles de la aplicación OAuth.
Configura tu conector
Completa el campo clientId y clientSecret con el Client ID y Client Secret que obtuviste de las páginas de detalles de la aplicación OAuth mencionadas en la sección anterior.
scope es una lista delimitada por espacios de alcances. Si no se proporciona, el alcance por defecto será read:user.
Tipos de configuración
| Nombre | Tipo |
|---|---|
| clientId | string |
| clientSecret | string |
| scope | string |
Probar el conector de GitHub
Eso es todo. El conector de GitHub debería estar disponible ahora. No olvides habilitar el conector social en la experiencia de inicio de sesión.