Inicio de sesión mediante redes sociales

En su aplicación, puede implementar la autenticación de usuarios utilizando su cuenta en redes sociales. Si el primer inicio de sesión del usuario es a través de una red social, se crea automáticamente una nueva cuenta. El usuario no necesita introducir un nombre de usuario, dirección de correo electrónico u otros datos.

El inicio de sesión mediante red social se realiza a través de servicios web. La aplicación abre un formulario en el navegador para realizar la autenticación a través de la red social seleccionada.

El inicio de sesión mediante redes sociales puede ser el método de autenticación principal o el alternativo para su aplicación.

Si usa el inicio de sesión mediante redes sociales como método de autenticación alternativo, la cuenta de la red social se vinculará automáticamente a una cuenta de usuario existente si se cumplen las siguientes condiciones:

• Un usuario que se registró con un nombre de usuario/dirección de correo electrónico y contraseña inició sesión en su aplicación mediante una cuenta de red social.
• Una red social devuelve una dirección de correo electrónico.
• La dirección de correo electrónico del usuario en una red social es la misma que la dirección de correo electrónico utilizada para registrarse en su aplicación.

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. Obtenga la URL de la página de registro/inicio de sesión mediante el método getLinkForSocialAuth de la biblioteca de Login.
2. Abra la página de registro/inicio de sesión en un navegador.
3. Realice un seguimiento del cambio de la URL de la página tras la autenticación correcta del usuario.
4. Obtenga el código de autenticación de la URL de la página activa.
5. Cambie el código de autenticación por un token mediante el método generateJWT de la biblioteca de Login.

Enlaces útiles