Configurer l’authentification utilisateur

L’authentification permet aux utilisateurs d’acheter des biens dans le magasin en ligne et de consulter les offres uniques du catalogue.

Principales fonctionnalités du magasin en ligne avec authentification :

  • Plusieurs méthodes d’autorisation dans le magasin en ligne.
  • Configuration des vitrines personnalisées et des codes promo pour les utilisateurs autorisés.
  • Conformité aux lois et réglementations régionales relatives à la protection et au traitement des données personnelles.
  • Limite de débit et protection contre les attaques DDoS.

Vous pouvez choisir l’une des méthodes d’authentification suivantes :

  • Authentification par ID utilisateur :
    • Simplifie l’intégration du magasin en ligne au jeu ;
    • Le widget d’authentification ne nécessite pas d’inscription ni de saisie de mot de passe. Pour se connecter, l’utilisateur saisit son ID de jeu ou utilise le même compte de réseau social que celui employé pour la connexion au jeu.

Note
Utilisez l’authentification par ID utilisateur si Xsolla Login n’est pas configuré dans votre jeu.
  • Authentification par ID utilisateur et lien profond :
    • Les liens profonds peuvent être utilisés comme méthode d'authentification supplémentaire lors de la connexion par ID utilisateur.
    • Le widget d'authentification par ID utilisateur et lien profond ne nécessite ni enregistrement ni saisie de mot de passe. L'utilisateur doit simplement entrer son ID utilisateur dans le jeu ou se connecter via le jeu à l'aide d'un lien profond.
Note
Utilisez l’authentification par ID utilisateur et lien profond si votre jeu prend en charge les liens profonds pour l’authentification.
  • Authentification par lien profond :
      Lorsqu'un lien profond est utilisé comme méthode de connexion principale, il permet d'enregistrer les informations de paiement, ce qui n'est pas possible avec l'authentification par ID utilisateur.
Note
Utilisez l’authentification par lien profond si votre jeu prend en charge les liens profonds pour l’authentification.
  • Authentification via Xsolla Login :
    • Fournit un large éventail de méthodes d'autorisation : réseaux sociaux, codes ou liens à usage unique, nom d'utilisateur et mot de passe ;
    • Vous permet de personnaliser le widget Xsolla Login ;
    • Vous pouvez imposer des restrictions d'âge à l'autorisation.
Note
Utilisez l’authentification via Xsolla Login si cette solution est déjà configurée dans votre jeu.
Pour l’une ou l’autre des méthodes d’authentification, vous pouvez ajouter un bloc de Fast Login à votre site.

Un lien profond est une URL spéciale qui redirige l’utilisateur non seulement vers la page d’accueil d’une application ou d’un site Web, mais directement vers une section, une page ou une action précise.

Les liens profonds peuvent être utilisés comme méthode d’authentification supplémentaire lors de la connexion par ID utilisateur. Si le jeu est déjà installé sur l’appareil mobile de l’utilisateur, il sera automatiquement redirigé vers le jeu via un lien profond pour obtenir un jeton d’autorisation.

Flux utilisateur

  1. Un utilisateur non autorisé du Web Shop clique sur le bouton de connexion ou sur le bouton d'achat. Une fenêtre modale permettant de saisir l'ID utilisateur ou de se connecter via le jeu mobile s'affiche.
  1. L'utilisateur clique sur le bouton Log in via Mobile Game.
  2. L'utilisateur est redirigé vers le jeu, puis automatiquement vers le Web Shop en tant qu'utilisateur autorisé.

  1. Un utilisateur non autorisé du Web Shop clique sur le bouton de connexion ou sur le bouton d'achat. Une fenêtre modale permettant de saisir l'ID utilisateur ou de se connecter à la version mobile du jeu à l'aide d'un code QR s'affiche.

  1. L'utilisateur scanne le code QR à l'aide de son appareil mobile.
  2. Le Web Shop s'ouvre sur l'appareil mobile de l'utilisateur.
  3. L'utilisateur est automatiquement redirigé vers le jeu, puis automatiquement vers le Web Shop en tant qu'utilisateur autorisé.
  1. Dans les paramètres de l'application mobile de votre jeu, enregistrez un schéma d'URL pour ouvrir le jeu via un lien profond :
    • dans les applications Android — dans le fichier AndroidManifest.xml ;
    • dans les applications iOS — dans le fichier Info.plist.

    Après l'enregistrement du schéma, lorsque l'utilisateur s'authentifie dans le Web Shop via le jeu, le jeu s'ouvrira à l'adresse spécifiée.

    Exemple de schéma d'URL pour enregistrer un jeu :
    gamename://authorize?operationPayload=<VALUE>, où :
    • gamename — nom de votre jeu qui doit s'ouvrir sur un appareil mobile pour l'authentification de l'utilisateur ;
    • authorize — exemple de nom d'action exécutée après l'ouverture du jeu. Utilisez un nom qui correspond aux actions du système d'exploitation de votre application ;
    • operationPayload=<VALUE> — paramètre supplémentaire contenant les informations nécessaires à la génération du jeton lors de l'authentification.

    Exemples :
Copy
Full screen
Small screen
<key>CFBundleURLTypes</key>
  <array>
    <dict>
      <key>CFBundleTypeRole</key>
      <string>Editor</string>
      <key>CFBundleURLSchemes</key>
      <array>
        <string>gamename</string>
      </array>
    </dict>
  </array>

  1. Implémentez la génération d'un jeton d'autorisation au format JWT en utilisant l'ID utilisateur dans le jeu.

ParamètreTypeDescription
loginId
stringID de la méthode d’autorisation du Compte éditeur. Obligatoire.
settings.projectId
stringL’ID du projet se trouve dans le Compte éditeur, à côté du nom de votre projet ou dans la barre d’adresse du navigateur. L’URL présente le format suivant : https://publisher.xsolla.com/<merchantId>/projects/<projectId>. Obligatoire.
settings.merchantId
stringL’ID du commerçant se trouve dans le Compte éditeur, dans la section Paramètres d’entreprise > Entreprise ou dans la barre d’adresse du navigateur sur n’importe quelle page du Compte éditeur. L’URL se présente au format suivant : https://publisher.xsolla.com/<merchantId>/. Obligatoire.
user.id
stringID utilisateur dans le jeu. Obligatoire.
user.country
stringCode pays à deux lettres majuscules selon ISO 3166-1 alpha-2. Consultez la documentation pour obtenir des informations détaillées sur les pays pris en charge par Xsolla et le processus de détermination du pays. Obligatoire.
Exemple : US
operationPayload
stringParamètre supplémentaire contenant des informations pour la génération du jeton lors de l’authentification. Obligatoire.

    Exemple d'appel à la méthode API de génération de jeton utilisateur à l'aide de curl :

Copy
Full screen
Small screen
curl -X 'POST' \
'https://sb-user-id-service.xsolla.com/api/v1/user-id/token' \
-H 'accept: /' \
-H 'Content-Type: application/json' \
-d '{
 "loginId": "000001aa-001a-0ab0-00001-01a01a01a01a",
 "settings": {
   "projectId": 123456,
   "merchantId": 123456
 },
 "user": {
   "id": "123",
   "country": "US"
 }
 "operationPayload": "kosarb2NyrtIWaegJAH1f6P7XrBYPXYDya5coc_ZzcfiS_5o4QTUAL-CcGRC_Kv4CAtg"
}'

    Vous obtiendrez une réponse de type {token="JWT_TOKEN"}.

  1. Ajoutez une fenêtre contextuelle avec une notification d'autorisation réussie (facultatif).
  2. Implémentez l'ouverture du Web Shop dans le navigateur à l'aide du jeton utilisateur obtenu.

    Exemple de création d'une URL pour ouvrir le Web Shop dans le navigateur d'un utilisateur autorisé :
    • https:​//example.com/?token={token}, si vous utilisez un domaine personnalisé ;
    • https:​//example.xsolla.site/?token={token}, si vous utilisez un domaine Xsolla.
    {token} est le jeton d'autorisation utilisateur.
Note
Commencez par configurer l’authentification par ID utilisateur. Cela est nécessaire afin que l’utilisateur dispose d’une méthode alternative d’authentification si l’authentification par lien profond n’est pas disponible. Par exemple, si le jeu n’est pas installé sur l’appareil mobile de l’utilisateur.
  1. Ouvrez votre projet dans le Compte éditeur et accédez à Site Builder.
  2. Cliquez sur Configure sur la carte du site de votre Web Shop avec authentification par ID utilisateur.
  3. Accédez à Login Settings et sélectionnez la section User ID.
  4. Activez l’option Deeplink authorization.
  1. Dans le champ Deeplink URL, entrez le lien pour l’authentification utilisateur.
  1. Si vous utilisez le bloc Fast Login sur votre site :
    1. Accédez au bloc Fast Login ;
    2. Dans la section Layout, activez l’option QR code.
  1. Pour vérifier l’authentification, cliquez sur Preview.
  2. Pour publier le site Web, cliquez sur Publish.

Configuration du bloc de Fast Login

Le bloc de Fast Login offre aux utilisateurs un moyen supplémentaire de s’authentifier sur le site.

L’apparence du bloc et ses caractéristiques dépendent de la méthode d’authentification sélectionnée.

Si l’authentification par ID utilisateur est configurée pour le site, le bloc de Fast Login affiche un champ pour saisir l’ID et un bouton de connexion.

Fonctionnalités :

  • Authentification utilisateur sans transition supplémentaire vers la fenêtre modale.
  • Configuration du contenu du bloc. Les sections suivantes sont disponibles et configurables :
    • Title ;
    • Description ;
    • Instructions on how to find the user ID ;
    • Custom background.

Étendez les fonctionnalités du bloc en ajoutant du texte, un bouton ou une image à l’aide de code JS.

Lorsque l’authentification via Xsolla Login est configurée pour le site, un bouton d’authentification supplémentaire s’affiche dans le bloc de Fast Login. En cliquant sur ce bouton, une fenêtre modale s’ouvre pour l’authentification à l’aide de l’une des méthodes Xsolla Login.

Fonctionnalités :

  • Configuration du texte du bouton appelant à l’authentification ;
  • Configuration d’un arrière-plan personnalisé.

Étendez les fonctionnalités du bloc en ajoutant du texte, un bouton ou une image à l’aide de code JS.

Pour les nouveaux sites, le bloc de Fast Login est ajouté par défaut au modèle de Web Shop ; vous pouvez le supprimer si nécessaire.

Si vous avez créé un site auparavant sans bloc de Fast Login, vous pouvez l’ajouter.

Pour ajouter un bloc de Fast Login :

  1. Ouvrez le projet dans le Compte éditeur.
  2. Dans le menu latéral, cliquez sur Site Builder.
  3. Dans la section Sites, sélectionnez votre site et cliquez sur Open Site Builder.
  4. Cliquez sur Add block.
  5. Choisissez le bloc Fast Login.
Note

Pour utiliser le bloc de Fast Login, une option d’authentification doit être préalablement choisie dans la liste déroulante de la section Login settings.

Pour la méthode d’authentification par ID utilisateur dans la section Login settings, vous devez également spécifier l’URL de réception du webhook. Sinon, le site ne pourra pas être publié, car l’authentification utilisateur sera indisponible.

L’authentification utilisateur lors de l’aperçu du site est possible sans ajouter d’URL de webhook.

Étapes suivantes

  1. Testez le magasin en ligne en mode bac à sable.
  2. Publiez le site.

Flux d’intégration

Cet article vous a été utile ?
Merci !
Que pouvons-nous améliorer ? Message
Nous sommes désolés de l'apprendre
Dites-nous pourquoi vous n'avez pas trouvé cet article utile. Message
Merci pour votre commentaire !
Nous examinerons votre message et l'utiliserons pour améliorer votre expérience.
Dernière mise à jour: 2 Avril 2025

Faute de frappe ou autre erreur dans le texte ? Sélectionnez le texte concerné et appuyez sur Ctrl+Entée.

Signaler un problème
Nous améliorons continuellement notre contenu grâce à vos commentaires.
Indiquez votre adresse e-mail pour un suivi
Merci pour votre commentaire !
Impossible d'envoyer votre commentaire
Réessayez plus tard ou contactez-nous à doc_feedback@xsolla.com.