Kits SDK para Unity / Inicio de sesión mediante redes sociales
  Volver a Documentos

Kits SDK para Unity

Inicio de sesión mediante redes sociales

Aviso
El SDK no admite la autenticación mediante redes sociales en las compilaciones de WebGL.

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.

Existen dos formas de implementar la autenticación a través de redes sociales:

  • Autenticación basada en web. En este caso, la aplicación abre un formulario en el navegador para completar la autenticación a través de la red social seleccionada. Esta opción es adecuada para aplicaciones móviles y de escritorio.
  • Autenticación nativa. En este caso, la autenticación se realiza a través de la aplicación de la red social en el dispositivo del usuario. Esta opción solo es adecuada para aplicaciones móviles.

Nota
Para autenticar a los usuarios de su aplicación iOS mediante su ID de Apple, Face ID o Touch ID, implemente la autenticación basada en web. En este caso, los métodos del SDK utilizan bibliotecas nativas para iOS.

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.

También puede implementar la vinculación manual de una cuenta de red social.

Instrucciones

Conozca más sobre las configuraciones avanzadas en nuestros procedimientos.

Cómo establecer la autenticación basada en web a través de redes sociales

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

Aviso
En Cuenta del editor, asegúrese de que las opciones Passwordless login y Social login estén seleccionadas para el proyecto de Login que utilice en su aplicación. Puede cambiar el método de inicio de sesión más adelante haciendo clic en el enlace Change Login method. Los ajustes guardados previamente no se perderán.
  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.

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

    • Para conectar la red social deseada, haga clic en el icono ⚙ y seleccione Connect.
    • 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.
    • 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.
Nota
El ID de aplicación y la clave secreta de Xsolla se utilizan por defecto para la autenticación. Si su aplicación se configura usando una cuenta de desarrollador del proveedor de red social, puede especificar sus propios ID de aplicación y clave secreta. Las instrucciones detalladas para localizar el ID de aplicación y el secreto están disponibles en la configuración de la tarjeta de red social en Cuenta del editor.

Integración en el lado de la aplicación

Para implementar la lógica de inicio de sesión mediante redes sociales, llame al método AuthViaSocialNetwork SDK y transmita los siguientes parámetros al método:

  • SocialProvider - el nombre de la red social
  • onSuccess - devolución de llamada de autenticación de usuario realizada con éxito
  • onCancelled - devolución de llamada de autenticación cancelada por el usuario
  • onError - devolución de llamada de error
Nota
Un ejemplo de la implementación de esta lógica está disponible en el script Assets/Xsolla.Demo/Login/Scripts/Login/Auth/SocialAuth.cs del proyecto de demostración.
¿Te ha resultado útil este artículo?
¡Gracias!
¿Hay algo en lo que podamos mejorar? Mensaje
Lo sentimos
Por favor, cuéntanos por qué no te ha resultado útil este artículo. Mensaje
¡Gracias por tu mensaje!
Nos ayudará a mejorar tu experiencia.
Ocultar

Cómo establecer la autenticación nativa a través de redes sociales

La autenticación nativa permite a los usuarios iniciar sesión en su aplicación a través de una cuenta de red social configurada en un dispositivo móvil.

La primera vez que un usuario se conecta, la aplicación de la red social se inicia y pide permiso para autenticar al usuario. Después, la autenticación se ejecuta automáticamente sin que el usuario tenga que hacer nada.

Actualmente, el SDK ha implementado la autenticación nativa por medio 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 a través de redes sociales.
  2. Cree la compilación de su proyecto de Unity para Android.
  3. 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, establezca 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.

  1. 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.
  2. Establezca el activo para su proyecto de Unity .
  3. Implemente la lógica de autenticación en el lado de la aplicación.

Crear compilación de un proyecto de Unity para Android

  1. Vaya a su proyecto de Unity.
  2. Haga clic en File > Build settings en el menú principal.
  3. Haga clic en Android en el panel Platform .
  4. Haga clic en Build.

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

  • Nombre del paquete que se encuentra en el campo Package Name del panel Inspector panel después de seleccionar la plataforma Android en File > Build settings.
  • Nombre de clase de Android: el nombre de clase de la actividad principal, incluido el espacio de nombres de la aplicación (p. ej., com.domain.appname.activity). El nombre de la clase se puede encontrar en AndroidManifest.xml. La etiqueta de la actividad principal debe contener una etiqueta intent-filter con la acción android.intent.action.MAIN y la categoría android.intent.category.LAUNCHER.
  • Clave hash de Android. Puede obtenerla con OpenSSL.

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 proyecto de Unity en el campo Nombre del paquete de Google Play.
  5. Especifique un nombre de clase completamente de su proyecto de Unity en el campo Class Name.
  6. Especifique una clave hash de su proyecto de Unity 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á la App ID y el App Secret que se encuentran en la configuración del proyecto en la sección Settings > Basic.

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 Create.
  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 de Unity:

    1. Haga clic en Crear credenciales y seleccione OAuth client ID.
    2. Especifique Android en el campo Application type.
    3. Especifique Name.
    4. Especifique el nombre del paquete de su proyecto de Unity en el campo Package name.
    5. Especifique la clave hash de Android de su proyecto de Unity en el campo de huella digital del certificado SHA-1.
    6. Haga clic en Create.
    7. Haga clic en OK.

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

Aviso
En Cuenta del editor, asegúrese de que las opciones Passwordless login y Social login estén seleccionadas para el proyecto de Login que utilice en su aplicación. Puede cambiar el método de inicio de sesión más adelante haciendo clic en el enlace Change Login method. Los ajustes guardados previamente no se perderán.
  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.
  1. 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.
Nota
Para utilizar la autorización de red social, en la configuración de la tarjeta de red social, especifique el ID de aplicación y el secreto de la aplicación en su proyecto. El ID de aplicación y el secreto están disponibles en la cuenta de desarrollador del proveedor de red social. Las instrucciones detalladas para localizar el ID de aplicación y el secreto están disponibles en la configuración de la tarjeta de red social en Cuenta del editor.

Establecer activo para su proyecto de Unity

  1. Vaya a su proyecto de Unity.
  2. Haga clic en Window > Xsolla > Edit Settings en el menú principal.
  3. Especifique el ID de la aplicación:
    1. Especifique el App ID de la cuenta de desarrollador de Facebook en el campo Facebook App ID.
    2. Especifique el Client ID para una aplicación web desde Google API Console en el campo Google server ID.
    3. Especifique el AppID de la configuración de la aplicación WeChat en el campo WeChat App ID.
    4. Especifique el AppID de la configuración de la aplicación QQ en el campo QQ App ID.

Integración en el lado de la aplicación

Para implementar la lógica de inicio de sesión mediante redes sociales, llame al método AuthViaSocialNetwork SDK y transmita los siguientes parámetros al método:

  • SocialProvider - el nombre de la red social
  • onSuccess - devolución de llamada de autenticación de usuario realizada con éxito
  • onCancelled - devolución de llamada de autenticación cancelada por el usuario
  • onError - devolución de llamada de error
Nota
Un ejemplo de la implementación de esta lógica está disponible en el script Assets/Xsolla.Demo/Login/Scripts/Login/Auth/SocialAuth.cs del proyecto de demostración.
¿Te ha resultado útil este artículo?
¡Gracias!
¿Hay algo en lo que podamos mejorar? Mensaje
Lo sentimos
Por favor, cuéntanos por qué no te ha resultado útil este artículo. Mensaje
¡Gracias por tu mensaje!
Nos ayudará a mejorar tu experiencia.
Ocultar

Enlaces útiles

Última actualización: 22 de Enero de 2024

¿Has encontrado una errata u otro error de texto? Selecciona el texto y pulsa Ctrl+Intro.

Informar de un problema
Nos esforzamos por ofrecer contenido de calidad. Tus comentarios nos ayudan a mejorar.
Déjanos tu correo electrónico para que te podamos responder
¡Gracias por tu mensaje!