Establecer el proyecto de Login en Cuenta del editor

Establecer la autenticación de usuarios

Xsolla le permite configurar varios modos de autenticar a los usuarios. Esta guía contiene instrucciones sobre la manera más rápido de integrar y configurarlos: usando un widget prediseñado para autenticar a los usuarios mediante un código de un solo uso o a mediante una red social.

Posteriormente, puede cambiar el método de autenticación de usuarios o usar otra opción de integración.

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

Primer proyecto

Consulte las instrucciones para crear un proyecto y asegurarse de que cumple con los requisitos legales.

Vista del widget estándar para la autenticación mediante un código de un solo uso o a través de una red social:

Para establecer la autenticación de usuarios en Cuenta del editor:

1. Abra su proyecto en Cuenta del editor.
2. En el menú lateral, haga clic en Players > Login.
3. Haga clic en Create Login project.
4. Seleccione Standard Login project y haga clic en Create and set up. Espere hasta que se cree su nuevo proyecto de Login. Entonces verá la página del proyecto de Login.
5. En el bloque Login methods (Métodos de inicio de sesión), haga clic en Passwordless login.
6. Haga clic en Configure.
7. Establezca la autorización mediante un código de un solo uso:
   1. En el bloque Passwordless login, seleccione Callback URLs.
   2. En el campo Callback URL, agregue la URL a la que se redirigirá al usuario tras una autenticación realizada con éxito.
   3. Haga clic en Save changes.
8. Establezca el cliente de OAuth 2.0:
   1. 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.
   2. Vaya al bloque Security y seleccione la sección OAuth 2.0.
   3. Haga clic en Add OAuth 2.0 client.
   4. Escoja el tipo de autenticación Public.

1. 5. Especifique OAuth 2.0 redirect URIs (rutas en la aplicación a las que se redirige al usuario después de una autenticación correcta, una confirmación por correo electrónico o un restablecimiento de contraseña). Puede especificar múltiples URL válidas.

1. 6. Haga clic en Connect.

9. Establezca la autenticación mediante redes sociales (opcional):
   1. 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.
   2. Vaya al bloque Authentication y seleccione Social login.
   3. Conecte las redes sociales que los usuarios podrán utilizar para registrarse e iniciar sesión en la aplicación:

1. 1. • Para conectar la red social deseada, haga clic en el icono ⚙ y seleccione Connect.

1. 1. • Para conectar varias redes sociales a la vez, seleccione los paneles necesarios (sus bordes se volverán verdes). A continuación, en el menú desplegable Manage, seleccione Connect.

1. 1. • Para conectar todas las redes sociales disponibles a la vez, haga clic en Select all. A continuación, en el menú desplegable Manage, seleccione Connect.

1. 4. Haga clic en Save changes.

Puede probar la configuración del widget. Para ello, haga lic en Check now en el lado izquierdo de la pantalla y autorícela.

Durante el proceso de integración, necesitará:

• ID del proyecto de inicio de sesión. Podrá encontrarlo en su proyecto de Cuenta del editor, en Players > Login > Dashboard.

• ID de cliente OAuth 2.0. Podrá encontrarlo en su proyecto de Cuenta del editor, en Players > Login > su proyecto de inicio de sesión > Security > OAuth 2.0.

Crear artículos en Cuenta del editor

Para agregar un artículo virtual con la configuración básica al catálogo:

1. Abra su proyecto en Cuenta del editor y vaya a Items catalog > Virtual items.
2. En el menú desplegable, seleccione Create item.

3. Establezca la configuración básica del artículo en los siguientes campos:
   • Image (opcional)
   • SKU (ID único del artículo)
   • Item name
   • Description (opcional)

4. Especificar el precio del artículo:
   1. Establezca el conmutador Price in real currency en On.
   2. En el campo Default currency, cambie la moneda (opcional) y especifique el precio del artículo.
   3. Si cambió la moneda en el campo Default currency, seleccione la misma moneda en el campo Price in real currency.

5. Cambie el estado del artículo a Available.

6. Haga clic en Create item.