SDK admite los siguientes proveedores para el inicio de sesión mediante redes sociales:

• Amazon
• Apple
• Baidu
• Battle.net
• Discord
• Facebook
• GitHub
• Google
• Kakao
• LinkedIn
• MSN
• Mail.ru
• Microsoft
• Naver
• Odnoklassniki
• PayPal
• QQ
• Reddit
• Steam
• Twitch.tv
• Twitter
• VK
• Vimeo
• WeChat
• Weibo
• Xbox Live
• Yahoo
• Yandex
• YouTube

Para establecer la autenticación a través de servicios web:

1. En la interfaz de la aplicación, añada botones para la autenticación a través de redes sociales.
2. Establezca conexiones de redes sociales para un proyecto de Login en Cuenta del editor.
3. Implemente la lógica de autenticación en el lado de la aplicación.

Establecer las conexiones de redes sociales para el proyecto de Login en Cuenta del editor de Xsolla

1. Abra su proyecto en Cuenta del editor.
2. En el menú lateral, haga clic en Login.
3. Haga clic en Configure en el panel de un proyecto de Login.
4. Vaya al bloque Authentication y seleccione la sección Social login.

5. Conecte redes sociales que los usuarios puedan utilizar para registrarse e iniciar sesión en la aplicación:

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

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

Integración en el lado de la aplicación

Implemente la siguiente lógica al pulsar en el botón de inicio de sesión mediante red social:

1. Abra la página de registro/inicio de sesión mediante el método AuthenticateViaSocialNetwork del SDK.
2. Suscríbase a los eventos SuccessCallback, ErrorCallback y CancelCallback.
3. Obtenga el token del parámetro LoginData o llamando al método GetLoginData y úselo en las peticiones a los servidores de Xsolla.

Un ejemplo de la implementación de esta lógica está disponible en el plano técnico BP_LoginController del proyecto de demostración.

La autenticación nativa permite a los jugadores iniciar sesión en su aplicación mediante aplicaciones instaladas que utilizan cuentas de redes sociales. Actualmente, el SDK ha implementado la autenticación nativa a través de las siguientes redes sociales:

• Google
• Facebook
• WeChat
• QQ

Para configurar la autenticación nativa:

1. En la interfaz de la aplicación, agregue botones para la autenticación mediante redes sociales.
2. Cree la compilación de su proyecto de Unreal Engine para Android.

2. Configure la aplicación en la cuenta de desarrollador para la red social:
   1. Para la autenticación a través de Facebook:
      1. Regístrese y cree una nueva aplicación.
      2. Establezca la página de la aplicación en su cuenta de desarrollador de Facebook.
   2. Para la autenticación a través de Google, configure el proyecto en Google API Console.
   3. Para la autenticación a través de WeChat:
      1. Regístrese y cree una nueva aplicación.
      2. Envíe la aplicación para su revisión.
   4. Para la autenticación a través de QQ:
      1. Regístrese y cree una nueva aplicación.
      2. Envíe la solicitud para su revisión.

3. Establezca la autenticación mediante redes sociales en el lado de Xsolla:
   1. Para Facebook y Google, configure las conexiones a redes sociales en Cuenta del editor.
   2. Para WeChat y QQ, contacte con su gestor del éxito del cliente o envíe un correo electrónico a csm@xsolla.com.
4. Configure el SDK para su proyecto de Unreal Engine.
5. Implemente la lógica de autenticación en el lado de la aplicación.

Establezca la página de la aplicación en su cuenta de desarrollador de Facebook

1. Vaya a la configuración del proyecto en la cuenta de desarrollador de Facebook.
2. Vaya a Settings > Basic.
3. Haga clic en Add Platform y seleccione Android.
4. Especifique el nombre del paquete de su aplicación Android en el campo Google Play Package Name.
5. Especifique un nombre de clase completamente cualificado de la Actividad en el campo Class Name (el valor por defecto es com.epicgames.ue4.GameActivity).
6. Genere una clave hash y especifíquela en el campo Key Hashes.
7. Haga clic en Save Changes.

Para realizar una configuración más avanzada de la autenticación nativa, necesitará:

• App ID y App Secret que se encuentran en los ajustes del proyecto en la sección Settings > Basic.
• Token de cliente que se encuentra en los ajustes del proyecto en la sección Settings > Advanced > Security.

Configurar un proyecto en Google API Console

1. Vaya a Google API Console.
2. Haga clic en New Project.
3. Especifique Project name y Location y haga clic en Save.
4. Vaya al proyecto creado y haga clic en OAuth consent screen en el menú lateral.
5. Seleccione la opción External y haga clic en Crear.
6. Especifique los parámetros necesarios y haga clic en Save.
7. Haga clic en Credentials en el menú lateral.
8. Cree un cliente de OAuth 2.0 para su aplicación Android:

1. 1. Haga clic en Create credentials y seleccione OAuth client ID.
   2. Especifique Android en el campo Tipo de aplicación.
   3. Especifique Name.
   4. Especifique el nombre del paquete de su aplicación Android en el campo Package name.
   5. Obtenga la clave SHA.
   6. Especifique la clave SHA generada en el paso anterior clave SHA en el campo SHA-1 certificate fingerprint.
   7. Haga clic en Create.
   8. Haga clic en OK.

9. Cree un cliente de OAuth 2.0 para la aplicación web:
   1. Haga clic en Create credentials y seleccione OAuth client ID.
   2. Especifique Web application en el campo Application type.
   3. Especifique Name.
   4. Haga clic en Add URL en la sección Authorized redirect URIs y especifique la URL https://login.xsolla.com/api/social/oauth2/callback.
   5. Haga clic en Create.
   6. Haga clic en OK.

Para seguir configurando la autenticación nativa, necesitará el Client ID y Client Secret que se encuentran en la configuración del ID de cliente para la aplicación web.

Establecer las conexiones de redes sociales para el proyecto de Login en Cuenta del editor de Xsolla

1. Abra su proyecto en Cuenta del editor.
2. En el menú lateral, haga clic en Login.
3. Haga clic en Configure en el panel de un proyecto de Login.
4. Vaya al bloque Authentication y seleccione la sección Social login.

5. Para establecer una red social, vaya a la tarjeta de la red social, haga clic en el icono ⚙ situado a la derecha del título y seleccione Connect.

Configurar el SDK para un proyecto de Unreal Engine

1. Vaya a su proyecto de Unreal Engine.
2. Vaya a Settings > Project Settings > Plugins > Xsolla Settings > Android.
3. Especifique el ID de la aplicación:
   1. Especifique el ID de la aplicación de la cuenta de desarrollador de Facebook en el campo Facebook App Id.
   2. Especifique el Token de cliente de la cuenta de desarrollador de Facebook en el campo Facebook Client Token.
   3. Especifique el ID de cliente para una aplicación web desde Google API Console Google App Id.
   4. Especifique el ID de la aplicación de la configuración de la aplicación de WeChat en el campo We Chat App Id .
   5. Especifique el ID de la aplicación de la configuración de la aplicación de QQ en el campo QQ App Id.

Integración en el lado de la aplicación

Al pulsar en el botón de inicio de sesión mediante redes sociales, implemente la llamada al métodoLaunchNativeSocialAuthentication. Se proporciona un ejemplo de implementación en el método AuthenticateViaSocialNetwork del controlador BP_LoginController en el proyecto de demostración.