SDK para Cocos Creator / Widget de Xsolla Login
  Volver a Documentos

SDK para Cocos Creator

Widget de Xsolla Login

El widget de Xsolla Login te permite integrar en tu proyecto una interfaz prediseñada para la autenticación de usuarios y reducir el coste de desarrollo del código y de la interfaz de usuario.

Restricciones:

  • El widget es el único método soportado en plataformas móviles.
  • El widget solo cuenta con los siguientes métodos de autenticación de usuario:
    • inicio de sesión clásico a través de nombre de usuario/correo electrónico y contraseña
    • inicio de sesión sin contraseña a través de un código único o enlace enviado mediante SMS o correo electrónico
    • autenticación web a través de redes sociales

Configura el redireccionamiento de usuarios a la aplicación tras una autenticación correcta, utilizando el widget:

  1. Abre tu proyecto en Cuenta del editor.
  2. En el menú lateral, pulsa en Login.
  3. Selecciona el proyecto de Inicio de sesión y pulsa en Configure.
  4. Selecciona la sección Callback URLs.
  5. En el campo Callback URL, especifica las mismas rutas de redireccionamiento de usuario que defininiste anteriormente al configurar el cliente OAuth 2.0.
  6. Pulsa en Save changes.

Para añadir autenticación en la aplicación móvil usando widget:

  1. Conecta Xsolla SDK nativo para Android o iOS a tu proyecto.
  2. Comienza la autorización y procesamiento de sus resultados:

    1. Implementa una interfaz para autenticación de usuario en tu aplicación (por ejemplo, un botón de Inicio de sesión).
    2. Según la lógica de la aplicación, implementa una llamada del authWithXsollaWidget método nativo.

Ejemplo de comenzar autenticación usando el widget:

Copy
Full screen
Small screen
NativeUtil.authWithXsollaWidget();
    1. En el lateral del Cocos Creator, suscríbete al evento de autenticación correcto. Este evento está generado por la Actividad nativa que gestiona los resultados de autorización. Una vez la autenticación se ha realizado con éxito, llama al gestor del método que toma un objeto junto al token del usuario. Este objeto puede utilizarse para continuar trabajando con la API Xsolla.
Nota
Desde los códigos nativos, los métodos de devolución de llamada en Cocos Creator deben ejecutarse desde el subproceso del juego.

    1. Suscríbete a los eventos errores de autenticación y cancelación de autenticación con una llamada al gestor de métodos correspondiente.

Ejemplo de suscripción:

Copy
Full screen
Small screen
director.getScene().on(Events.XSOLLA_WIDGET_AUTH_SUCCESS, this.handleSuccessfulXsollaWidgetAuth, this );
director.getScene().on(Events.XSOLLA_WIDGET_AUTH_ERROR, this.handleErrorXsollaWidgetAuth, this );
director.getScene().on(Events.XSOLLA_WIDGET_AUTH_CANCELED, this.handleCancelXsollaWidgetAuth, this );

Xsolla proporciona plantillas de widgets estándar. Su apariencia y contenido vienen determinados por el Método de Inicio de sesión elegido para tu proyecto y por la configuración de personalización del widget de la Cuenta del editor.

Aviso
La personalización del widget solo está disponible tras firmar el Acuerdo de licencia del producto Xsolla. Para firmar el acuerdo, dirígete a la sección Agreements & Taxes > Agreements en tu Cuenta del editor.
Vista estándar del widget de inicio de sesión clásico:

Vista del widget del proyecto de demostración para varios métodos de Inicio de sesió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.
Valore esta página
Valore esta página
¿Hay algo en lo que podamos mejorar?

Prefiero no responder

¡Gracias por tu mensaje!

Enlaces útiles

Última actualización: 22 de Enero 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!