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
- Générez une URL pour l'ouverture du Compte utilisateur.
- Configurez l'ouverture du Compte utilisateur via l'URL générée.
- Configurez le traitement des événements (facultatif).
Générer une URL
Le Compte utilisateur s’ouvre à l’adressehttps://useraccount.xsolla.com/profile avec les paramètres décrits dans ce tableau.| Paramètre | Type | Description |
|---|---|---|
locale | string | Paramè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 | string | Paramètre de hachage. JWT utilisateur. Passé dans l’URL après une authentification réussie. Obligatoire. |
- http
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">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énement | Description |
|---|---|
| user-account-close | L’utilisateur clique sur le bouton de sortie et ferme le Compte utilisateur. |
| user-account-loaded | Le Compte utilisateur est chargé, mais les données utilisateur ne peuvent pas être obtenues. |
| user-account-page-fetched | Le 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 :
- javascript
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.Faute de frappe ou autre erreur dans le texte ? Sélectionnez le texte concerné et appuyez sur Ctrl+Entée.
