Configurez un projet dans le Compte éditeur

Configurer le projet de connexion dans le compte

Configurer le projet de connexion dans le compte

Configurer le projet de connexion dans le compte

Configurer le projet de connexion dans le compte

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.

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 votre projet et les paramètres de customisation du widget dans le compte.

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 :

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 :

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

2. Appuyez sur Create manually, puis sélectionnez Virtual item dans la liste déroulante.

3. Dans la section General settings, indiquez les éléments suivants :
   • UGS
   • nom
   • description courte
   • description détaillée — pour l’ajouter, activez la bascule correspondante (facultatif)

4. Dans la section Media, importez une ou plusieurs images ou vidéos depuis votre appareil ou via un lien (facultatif). Dans le magasin créé avec l’éditeur de site Xsolla, toutes les fiches d’objet affichent le fichier marqué Main. Les autres fichiers sont uniquement disponibles dans les fiches dotées d’une galerie de médias. Le fichier marqué Main est également renvoyé dans les réponses des appels API de récupération du catalogue.

5. Dans la section Price settings, définissez les prix :
   • Sélectionnez le type Paid item.
   • Activez les bascules Real currency prices et/ou Virtual currency prices, puis indiquez le prix.

6. Appuyez sur Create.

7. Dans la fenêtre qui s’ouvre, sélectionnez le statut de l’objet et appuyez sur Continue.

L’objet créé apparaît dans la section All items.