Configurez un projet dans le Compte éditeur

Configurer l'authentification utilisateur

Xsolla vous permet de configurer différentes méthodes d’authentification utilisateur. Ce guide fournit des instructions pour l’intégration et la configuration rapides de l’authentification utilisateur, par code à usage unique ou via un réseau social, en utilisant un widget prêt à l’emploi.

Par la suite, vous pourrez modifier la méthode d’authentification utilisateur ou utiliser une autre méthode d’intégration.

Xsolla fournit des modèles de widget standard. Leur apparence et leur contenu sont déterminés par la méthode de connexion choisie pour le projet et les paramètres de customisation du widget dans le Compte éditeur.

Premier projet

Reportez-vous aux instructions pour créer un projet et garantir le respect des obligations légales.

Vue du widget standard pour l’authentification par code à usage unique ou via un réseau social :

Pour configurer l’authentification utilisateur dans le Compte éditeur :

1. Ouvrez votre projet dans le Compte éditeur.
2. Dans le menu latéral, appuyez sur Players > Login.
3. Cliquez sur Create Login project.
4. Sélectionnez Standard Login project et cliquez sur Create and set up. Patientez pendant la création de votre nouveau projet de Login. La page du projet de Login s’affiche ensuite.
5. Dans le bloc Login methods, sélectionnez Passwordless login.
6. Cliquez sur Configure.
7. Configurez l’autorisation par code à usage unique :
   1. Dans le bloc Passwordless login, sélectionnez Callback URLs ;
   2. Dans le champ Callback URL, ajoutez l’URL vers laquelle l’utilisateur est redirigé après une authentification réussie ;
   3. Cliquez sur Save changes.
8. Configurez le client OAuth 2.0 :
   1. Cliquez sur le nom de votre projet de Login dans le fil d’Ariane pour revenir à la page correspondante ;
   2. Accédez au bloc Security et sélectionnez la section OAuth 2.0 ;
   3. Cliquez sur Add OAuth 2.0 client ;
   4. Choisissez le type d’authentification Public ;

1. 5. Spécifiez les OAuth 2.0 redirect URIs (chemins dans l'application vers lesquelles l'utilisateur est redirigé après une authentification, une confirmation par e-mail ou une réinitialisation du mot de passe réussies). Vous pouvez spécifier plusieurs URI valides.

1. 4. Cliquez sur Connect.

9. Configurez la connexion via les réseaux sociaux (facultatif) :
   1. Cliquez sur le nom de votre projet de Login dans le fil d’Ariane pour revenir à la page du projet de Login ;
   2. Accédez au bloc Authentication et sélectionnez Social login ;
   3. Connectez les réseaux sociaux que l’utilisateur pourra utiliser pour s’inscrire et se connecter à l’application :

1. 1. • Pour connecter le réseau social souhaité, cliquez sur l'icône ⚙ et sélectionnez Connect,

1. 1. • Pour connecter plusieurs réseaux sociaux à la fois, sélectionnez les volets requis (leurs bordures deviennent vertes). Ensuite, dans le menu déroulant Manage, sélectionnez Connect,

1. 1. • Pour connecter simultanément tous les réseaux sociaux disponibles, cliquez sur Select all. Ensuite, dans le menu déroulant Manage, sélectionnez Connect ;

1. 4. Cliquez sur Save changes.

Vous pouvez tester les paramètres du widget. Pour ce faire, cliquez sur Check now sur le côté gauche de l’écran et connectez-vous.

Au cours du processus d’intégration, vous aurez besoin :

• ID de projet de Login. Ce paramètre se trouve dans le projet sous la section Players > Login > Dashboard dans le Compte éditeur.

• ID client OAuth 2.0. Ce paramètre se trouve dans le projet sous la section Players > Login > votre projet de Login > Security > OAuth 2.0 dans le Compte éditeur.

Créer des objets dans le Compte éditeur

Pour ajouter un objet virtuel avec des paramètres de base au catalogue :

1. Ouvrez le projet dans le Compte éditeur et accédez à la section Items catalog > Virtual items.
2. Dans le menu déroulant, sélectionnez Create item.

3. Configurez les paramètres de base de l'objet dans les champs suivants :
   • Image (facultatif) ;
   • SKU (ID unique de l'objet) ;
   • Item name ;
   • Description (facultatif).

4. Spécifiez le prix de l'objet :
   1. Réglez la bascule Price in real currency sur On.
   2. Dans le champ Default currency, modifiez la devise (facultatif) et spécifiez le prix de l'objet.
   3. Si vous avez changé la devise dans le champ Default currency, sélectionnez la même devise dans le champ Price in real currency.

5. Changez le statut de l'objet en Available.

6. Cliquez sur Create item.