Configure la autenticación de usuarios a través de la cuenta de Xsolla Wallet

Para establecer la autenticación de usuarios con una cuenta de Xsolla:

1. Cree un proyecto de Login en Cuenta del editor.
2. Cree un cliente de OAuth 2.0 de una cuenta de Xsolla.
3. Habilite Xsolla como una red social.
4. Establezca las URL de devolución de llamada.

Crear proyecto de Login

1. Abra su proyecto en Cuenta del editor.
2. Haga clic en Login en el menú lateral.
3. Haga clic en Create Login project.
4. Seleccione Standard Login project y haga clic en Create and set up. Una vez creado su nuevo proyecto de Login, podrá ver la página con la configuración del proyecto de Login.

Durante el proceso de integración, necesitará su ID de inicio de sesión (Login ID). Para obtenerlo, haga clic en el nombre de su proyecto de Login en la pista de la ruta de navegación para volver a la página del proyecto de Login y haga clic en Copy ID junto al nombre del proyecto de Login.

Crear cliente de OAuth 2.0 de la cuenta de Xsolla

Contacte con el equipo de integración en integration@xsolla.com o con su Gestor de éxito del cliente en csm@xsolla.com y facilite la siguiente información:

Parámetro	Tipo	Ejemplo:	Descripción
Redirect URIs	Array of strings	[“https://example.com/oauth/callback”, “http://localhost:3000/oauth/callback”]	Una lista de direcciones URL que se pueden utilizar para redirigir al usuario después de la autenticación mediante la cuenta de Xsolla.
Audience	String	“https://example.com”	El dominio en el que los usuarios pueden iniciar sesión mediante la cuenta de Xsolla.
Scope	Array of strings	[“email”, “transactions”]	Lista de permisos en la cuenta de Xsolla.

El equipo de integración de Xsolla creará un cliente de OAuth 2.0 de su cuenta de Xsolla y le proporcionará su identificador y clave secreta. Estos datos son necesarios para habilitar Xsolla como una red social.

Habilitar Xsolla como una red social

1. Abra su proyecto en su Cuenta del editor y vaya a la sección Login.
2. Haga clic en Configure en el panel de un proyecto de Login.
3. En el bloque Login methods, seleccione Social login.
4. Haga clic en Configure.
5. Seleccione Xsolla de la lista de redes sociales.
6. Haga clic en el icono ⚙ y seleccione Settings.
7. Rellene los siguientes campos:

1. • Application ID: el ID de cliente de OAuth 2.0 de la cuenta de Xsolla que recibió de Xsolla.
   • Application secret key: la clave de OAuth 2.0 de la cuenta de Xsolla que recibió de Xsolla.
   • Your website link: el sitio web desde el que se enviarán las solicitudes de cambio de código de autorización por un token de autorización de usuario. Especifique la misma dirección URL que se indicó como parámetro Audience al crear el cliente de OAuth 2.0 de la cuenta de Xsolla.

8. Haga clic en Connect.
9. Haga clic en back to Social Networks.
10. Establezca el conmutador de Embed social network JWT token en On.
11. Haga clic en Save changes.

Establecer las URL de devolución de llamada

1. Vaya a la pestaña Callback URLs.
2. Asegúrese de que se agregan las siguientes URL a la sección Callback URL:
   • https://login-widget.xsolla.com/latest/babka-auth-succeed
   • https://login.xsolla.com/api/social/oauth2/callback
3. En la sección Allowed origins (CORS):
   1. asegúrese de que se agrega el valor https://metaframe.xsolla.com.
   2. Agregue las URL del dominio en el que se utilizará el widget Metaframe.
4. Haga clic en Save changes.

Última actualización: 9 de Octubre de 2024