Configurer l’authentification utilisateur via le compte Xsolla Wallet

Pour configurer l’authentification utilisateur via le compte Xsolla :

1. Créez un projet de connexion dans le Compte éditeur.
2. Créez un client OAuth 2.0 pour le compte Xsolla.
3. Activez Xsolla en tant que réseau social.
4. Configurez des URL de rappel.

Créer un projet de connexion

1. Ouvrez votre projet dans le Compte éditeur.
2. Dans le menu latéral, cliquez sur Login.
3. Cliquez sur Create Login project.
4. Sélectionnez Standard Login project et cliquez sur Create and set up. Une fois votre nouveau projet de connexion créé, la page avec les paramètres du projet de connexion s'affiche.

Au cours du processus d’intégration, vous aurez besoin de votre ID de connexion. Pour l’obtenir, cliquez sur le nom de votre projet de connexion dans le fil d’Ariane pour revenir à la page du projet de connexion, puis cliquez sur Copy ID à côté du nom du projet de connexion.

Créer un client OAuth 2.0 pour le compte Xsolla

Contactez l’équipe d’intégration à integration@xsolla.com ou votre responsable de la réussite client à csm@xsolla.com et fournissez les informations suivantes :

Paramètre	Type	Exemple	Description
Redirect URIs	Array of strings	[“https://example.com/oauth/callback”, “http://localhost:3000/oauth/callback”]	Liste d’adresses URI qui peuvent être utilisées pour rediriger l’utilisateur après l’authentification via le compte Xsolla.
Audience	String	“https://example.com”	Domaine auquel les utilisateurs peuvent se connecter via le compte Xsolla.
Scope	Array of strings	[“email”, “transactions”]	Liste des autorisations dans le compte Xsolla.

L’équipe d’intégration Xsolla créera pour vous un client OAuth 2.0 pour le compte Xsolla et vous fournira son identifiant et sa clé secrète. Ces données sont requises pour permettre au compte Xsolla de fonctionner comme un réseau social.

Activer Xsolla en tant que réseau social

1. Ouvrez votre projet dans le Compte éditeur et accédez à la section Login.
2. Cliquez sur Configure dans le volet du projet de connexion.
3. Dans le bloc Login methods, sélectionnez Social login.
4. Cliquez sur Configure.
5. Sélectionnez Xsolla dans la liste des réseaux sociaux.
6. Cliquez sur le bouton ⚙ et sélectionnez Settings.
7. Remplissez les champs suivants :

1. • Application ID — identifiant client OAuth 2.0 pour le compte Xsolla que vous avez reçu de Xsolla ;
   • Application secret key — clé OAuth 2.0 pour le compte Xsolla que vous avez reçue de Xsolla ;
   • Your website link — site Web à partir duquel seront envoyées les requêtes d'échange de code d'autorisation contre un jeton d'autorisation utilisateur. Spécifiez la même adresse URL que celle indiquée dans le paramètre Audience lors de la création du client OAuth 2.0 pour le compte Xsolla.

8. Cliquez sur Connect.
9. Cliquez sur back to Social Networks.
10. Réglez la bascule Embed social network JWT token sur On.
11. Cliquez sur Save changes.

Configurer les URL de rappel

1. Accédez à l'onglet Callback URLs.
2. Assurez-vous que les URL suivantes sont ajoutées dans la section Callback URL :
   • https://login-widget.xsolla.com/latest/babka-auth-succeed
   • https://login.xsolla.com/api/social/oauth2/callback
3. Dans la section Allowed origins (CORS) :
   1. Assurez-vous que la valeur https://metaframe.xsolla.com est ajoutée.
   2. Ajoutez les URL du domaine où le widget Metaframe sera utilisé.
4. Cliquez sur Save changes.

Dernière mise à jour: 9 Octobre 2024