Login / Cómo integrar User Account (Cuenta de usuario)
  Volver a Documentos

Login

Cómo integrar User Account (Cuenta de usuario)

Cómo funciona

Tus usuarios pueden gestionar los siguientes datos a través de su cuenta:

  • foto de perfil
  • teléfono
  • correo electrónico
  • alias
  • nombre y apellidos
  • fecha de nacimiento
  • sexo/género
  • lista de amigos (disponible solo a través de API).

Puede integrar Cuenta de usuario de una de las siguientes maneras:

  • Con una interfaz mediante URL. La interfaz de Cuenta de usuario está localizada en 20 idiomas y se adapta a la resolución de la pantalla.
  • Sin una interfaz a través de API. De esta forma puede implementar su propia interfaz para gestionar los datos de usuario.

¿Quién puede utilizarlo?

Socios que han integrado Login.

Cómo conseguirlo

Seleccione el modo en que desea integrar Cuenta de usuario y siga las instrucciones que se indican a continuación.

Integración mediante URL

  1. Generar una URL para abrir Cuenta de usuario.
  2. Establecer la apertura de Cuenta de usuario en la URL generada.
  3. Establecer procesamiento de eventos (opcional).

Generar URL

Cuenta de usuario se abre en https://useraccount.xsolla.com/profile con los parámetros descritos en esta tabla.
ParámetroTipoDescripción
Configuración regional
stringParámetro de consulta. Idioma de la interfaz de Cuenta de usuario.
Idiomas admitidos: inglés (en) (por defecto), árabe (ar), búlgaro (bg), checo (cs), alemán (de), español (es), francés (fr), hebreo (he), italiano (it ), japonés (ja), coreano (ko), polaco (pl), portugués (Brasil) (pt), rumano (ro), ruso (ru), tailandés (th), turco (tr), vietnamita (vi), chino simplificado (cn) y chino tradicional (tw).
token
stringParámetro hash. JWT del usuario. Transmitido en la URL tras una autenticación realizada correctamente. Obligatorio.
Ejemplo de una URL:
Copy
Full screen
Small screen
https://useraccount.xsolla.com/profile?locale=de#token=XXXX

Establecer la apertura de una Cuenta de usuario en la URL

Puede establecer la apertura de Cuenta de usuario en una URL determinada de las siguientes maneras:

  • en un iframe en su sitio web
  • en una nueva pestaña

IFRAME

Agregue la siguiente secuencia de comandos a la página web en la que desea abrir Cuenta de usuario: <iframe src=“https://useraccount.xsolla.com/profile?locale=ru#token=XXXX">, en la cual src es la URL generada.

NUEVA PESTAÑA

Agregar una URL al objeto de la interfaz de usuario que dirige a la Cuenta de usuario.

Puede utilizar el siguiente script: <a href=“https://useraccount.xsolla.com/profile?locale=ru#token=XXXX&quot;&gt;Your account</a>, en el cual src es la URL generada.

Establecer el procesamiento de eventos (opcional)

Si la Cuenta de usuario se abre en un iframe, la ventana primaria recibe eventos del tipo postMessage en función de las acciones del usuario en la cuenta.
Nombre del eventoDescripción
user-account-closeEl usuario pulsa el botón “Salir” y cierra Cuenta de usuario.
user-account-loadedCuenta de usuario se ha cargado, pero no se pueden obtener los datos del usuario.
user-account-page-fetchedCuenta de usuario y los datos del usuario se han cargado correctamente.

Para procesar estos eventos, agregue el método addEventListener y su script al sitio web.

Ejemplo de procesamiento de un evento:

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

Integración mediante llamadas API

Para gestionar los datos de los usuarios a través de la API, implemente su propia interfaz y permita hacer llamadas a las solicitudes de API. Encontrará la descripción detallada de las llamadas API disponibles y ejemplos de código en nuestra documentación.
¿Te ha resultado útil este artículo?
¡Gracias!
¿Hay algo en lo que podamos mejorar? Mensaje
Lo sentimos
Por favor, cuéntanos por qué no te ha resultado útil este artículo. Mensaje
¡Gracias por tu mensaje!
Nos ayudará a mejorar tu experiencia.
Última actualización: 31 de Julio de 2024

¿Has encontrado una errata u otro error de texto? Selecciona el texto y pulsa Ctrl+Intro.

Informar de un problema
Nos esforzamos por ofrecer contenido de calidad. Tus comentarios nos ayudan a mejorar.
Déjanos tu correo electrónico para que te podamos responder
¡Gracias por tu mensaje!