Login / Comment intégrer le Compte utilisateur
  Retour à la documentation

Login

Comment intégrer le Compte utilisateur

Comment ça marche

Vos utilisateurs peuvent gérer les données suivantes via leur compte :

  • photo de profil ;
  • téléphone ;
  • adresse e-mail ;
  • pseudo ;
  • prénom et nom ;
  • date de naissance ;
  • sexe ;
  • liste d’amis (disponible uniquement via API).

Pour intégrer le Compte utilisateur, procédez de l’une des manières suivantes :

  • Avec une interface via URL. L’interface du Compte utilisateur est localisée dans 20 langues et s’adapte à la résolution de l’écran.
  • Sans interface via API. De cette manière, vous pouvez implémenter votre propre interface pour gérer les données utilisateur.

Qui peut l'utiliser

Les partenaires qui ont déjà intégré Login.

Comment configurer

Sélectionnez la manière dont vous souhaitez intégrer le Compte utilisateur et suivez les instructions ci-dessous.

Intégration par URL

  1. Générez une URL pour l'ouverture du Compte utilisateur.
  2. Configurez l'ouverture du Compte utilisateur via l'URL générée.
  3. Configurez le traitement des événements (facultatif).

Générer une URL

Le Compte utilisateur s’ouvre à l’adresse https://useraccount.xsolla.com/profile avec les paramètres décrits dans ce tableau.
ParamètreTypeDescription
locale
stringParamètre de requête. Langue de l’interface du Compte utilisateur.
Langues prises en charge : Anglais (en) (par défaut), arabe (ar), bulgare (bg), tchèque (cs), allemand (de), espagnol (es), français (fr), hébreu (he), italien (it ), japonais (ja), coréen (ko), polonais (pl), portugais (Brésil) (pt), roumain (ro), russe (ru), thaï (th), turc (tr), vietnamien (vi), chinois simplifié (cn), chinois traditionnel (tw).
token
stringParamètre de hachage. JWT utilisateur. Passé dans l’URL après une authentification réussie. Obligatoire.
Exemple d’URL :
Copy
Full screen
Small screen
https://useraccount.xsolla.com/profile?locale=de#token=XXXX

Configurer l'ouverture du Compte utilisateur via l'URL

Pour configurer l’ouverture du Compte utilisateur via une URL spécifique, vous avez deux options :

  • dans une iframe sur votre site web ;
  • dans un nouvel onglet.

IFRAME

Ajoutez le script suivant à la page Web où vous souhaitez ouvrir le Compte utilisateur : <iframe src=“https://useraccount.xsolla.com/profile?locale=ru#token=XXXX">, où src est l’URL générée.

NOUVEL ONGLET

Ajoutez une URL à l’objet de l’interface qui redirige vers le Compte utilisateur.

Vous pouvez utiliser le script suivant : <a href=“https://useraccount.xsolla.com/profile?locale=ru#token=XXXX&quot;&gt;Your account</a>, où src est l’URL générée.

Configurer le traitement des événements (facultatif)

Si le Compte utilisateur s’ouvre dans une iframe, la fenêtre parente reçoit des événements postMessage en fonction des actions de l’utilisateur dans le compte.
Nom de l’événementDescription
user-account-closeL’utilisateur clique sur le bouton de sortie et ferme le Compte utilisateur.
user-account-loadedLe Compte utilisateur est chargé, mais les données utilisateur ne peuvent pas être obtenues.
user-account-page-fetchedLe Compte utilisateur et les données utilisateur ont été chargés avec succès.

Pour traiter ces événements, ajoutez la méthode addEventListener et votre script au site web.

Exemple de traitement d’un événement :

Copy
Full screen
Small screen
window.addEventListener('message', (event) => {
  if (event.data.command === 'user-account-loaded') {
    // your script
  }
})

Intégration via appels API

Pour gérer les données utilisateur via API, implémentez votre propre interface et autorisez l’appel de requêtes API. Une description détaillée des appels API et des exemples de code sont disponibles dans notre documentation.
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.
Évaluer cette page
Évaluer cette page
Que pouvons-nous améliorer ?

Préfère ne pas répondre

Merci pour votre commentaire !
Dernière mise à jour: 22 Janvier 2024

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 !