Configurer la connexion sociale avec X

Le connecteur officiel Logto pour la connexion sociale X (anciennement Twitter).

astuce:

Ce guide suppose que vous avez une compréhension de base des Connecteurs Logto. Pour ceux qui ne sont pas familiers, veuillez vous référer au guide des Connecteurs pour commencer.

Commencer

Le connecteur X (Twitter) permet aux utilisateurs finaux de se connecter à votre application en utilisant leurs propres comptes X (Twitter) via le protocole d'authentification X OAuth 2.0.

Créer une application dans le X Developer Portal

Allez sur le X Developer Portal et connectez-vous avec votre compte X. Si vous n'avez pas de compte, vous pouvez en créer un.

Ensuite, créez une application.

Étape 1 : Accédez à la section de création d'application.

Une fois connecté, allez dans la section "Projects & Apps" et cliquez sur "Create App" (ou "New App", selon l'interface).

Étape 2 : Remplissez les détails de l'application.

Complétez le formulaire avec les informations suivantes :

• Nom de l'application : Fournissez un nom unique et descriptif pour votre application.
• Description de l'application : (Optionnel) Ajoutez une brève description de ce que fait votre application.
• URL du site web : Entrez l'URL de la page d'accueil de votre application.
• URL de rappel / URI de redirection : Dans notre cas, ce sera ${your_logto_endpoint}/callback/${connector_id}. par exemple https://foo.logto.app/callback/${connector_id}. Le connector_id peut être trouvé dans la barre supérieure de la page des détails du connecteur dans la Logto Admin Console.

Étape 3 : Sélectionnez les permissions et portées.

Choisissez les permissions dont votre application a besoin. Pour la connexion sociale via X, assurez-vous d'activer les portées nécessaires tweet.read et users.read.

Étape 4 : Enregistrez votre application.

Cliquez sur "Create" ou "Save" pour enregistrer votre application.

Après la création, accédez à la section "Keys and tokens" de votre application pour récupérer votre OAuth 2.0 Client ID et Client Secret.

Configurez votre connecteur

Dans la configuration de votre connecteur Logto, remplissez les champs suivants avec les valeurs obtenues à partir de la section "OAuth 2.0 Client ID and Client Secret" de la page "Keys and tokens" de votre application :

• clientId : L'ID Client de votre application.
• clientSecret : Le Secret Client de votre application.

scope est une liste délimitée par des espaces de portées. Si elle n'est pas fournie, la portée par défaut est tweet.read users.read.

Types de configuration

Nom	Type
clientId	string
clientSecret	string
scope	string

Tester le connecteur X (Twitter)

C'est tout. Le connecteur X (Twitter) devrait être disponible maintenant. N'oubliez pas d'activer le connecteur social dans l'expérience de connexion.

Référence

Documentation développeur X

X OAuth 2.0 Authorization Code Flow avec PKCE