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. 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:

NativeUtil.authWithXsollaWidget();

1. 3. 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.

1. 4. 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:

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.

Vista del widget del proyecto de demostración para varios métodos de Inicio de sesión:

Enlaces útiles