Configura el inicio de sesión social con X

El conector oficial de Logto para el inicio de sesión social de X (anteriormente Twitter).

tip:

Esta guía asume que tienes un entendimiento básico de los Conectores de Logto. Para aquellos que no están familiarizados, por favor consulta la guía de Conectores para comenzar.

Comenzar

El conector de X (Twitter) permite a los usuarios finales iniciar sesión en tu aplicación utilizando sus propias cuentas de X (Twitter) a través del protocolo de autenticación X OAuth 2.0.

Crea una aplicación en el Portal de Desarrolladores de X

Ve al Portal de Desarrolladores de X e inicia sesión con tu cuenta de X. Si no tienes una cuenta, puedes registrarte para obtener una.

Luego, crea una aplicación.

Paso 1: Navega a la sección de creación de aplicaciones.

Una vez que hayas iniciado sesión, ve a la sección "Proyectos y Aplicaciones" y haz clic en "Crear Aplicación" (o "Nueva Aplicación", dependiendo de la interfaz).

Paso 2: Completa los detalles de la aplicación.

Rellena el formulario con la siguiente información:

• Nombre de la Aplicación: Proporciona un nombre único y descriptivo para tu aplicación.
• Descripción de la Aplicación: (Opcional) Añade una breve descripción de lo que hace tu aplicación.
• URL del Sitio Web: Ingresa la URL de la página de inicio de tu aplicación.
• URL de Retorno / URI de Redirección: En nuestro caso, será ${your_logto_endpoint}/callback/${connector_id}. por ejemplo, https://foo.logto.app/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.

Paso 3: Selecciona permisos y alcances.

Elige los permisos que tu aplicación requiere. Para el inicio de sesión social a través de X, asegúrate de habilitar los alcances necesarios tweet.read y users.read.

Paso 4: Guarda tu aplicación.

Haz clic en "Crear" o "Guardar" para registrar tu aplicación.

Después de la creación, navega a la sección "Claves y tokens" de tu aplicación para obtener tu OAuth 2.0 Client ID y Client Secret.

Configura tu conector

En la configuración de tu conector de Logto, completa los siguientes campos con los valores obtenidos de la sección "OAuth 2.0 Client ID y Client Secret" de la página "Claves y tokens" de tu aplicación:

• clientId: El Client ID de tu aplicación.
• clientSecret: El Client Secret de tu aplicación.

scope es una lista delimitada por espacios de alcances. Si no se proporciona, el alcance predeterminado es tweet.read users.read.

Tipos de configuración

Nombre	Tipo
clientId	string
clientSecret	string
scope	string

Probar el conector de X (Twitter)

Eso es todo. El conector de X (Twitter) debería estar disponible ahora. No olvides habilitar el conector social en la experiencia de inicio de sesión.

Referencia

Documentación para desarrolladores de X

Flujo de Código de Autorización de X OAuth 2.0 con PKCE