Connexion via les réseaux sociaux

Dans votre application, vous pouvez implémenter l’authentification utilisateur via des comptes de réseaux sociaux. Si l’utilisateur se connecte pour la première fois via un réseau social, un nouveau compte est automatiquement créé. L’utilisateur n’a pas besoin de saisir de nom d’utilisateur, d’adresse e-mail ou d’autres données.

La connexion via un réseau social est effectuée au moyen de services Web. L’application ouvre un formulaire dans le navigateur pour compléter l’authentification via le réseau social sélectionné.

La connexion via les réseaux sociaux peut être utilisée comme méthode d’authentification principale ou alternative dans votre application.

Si vous utilisez la connexion via les réseaux sociaux comme méthode d’authentification alternative, le compte de réseau social est automatiquement lié à un compte utilisateur existant si les conditions suivantes sont remplies :

• l’utilisateur inscrit par nom d’utilisateur/adresse e-mail et mot de passe se connecte à votre application via un compte de réseau social ;
• le réseau social renvoie une adresse e-mail ;
• l’adresse e-mail de l’utilisateur sur le réseau social est la même que celle utilisée pour l’inscription dans votre application.

Le SDK prend en charge la connexion via les fournisseurs suivants :

• 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

Pour configurer l’authentification via les services Web :

1. Dans l’interface de l’application, ajoutez des boutons d’authentification via les réseaux sociaux.
2. Configurez les réseaux sociaux pour le projet de connexion dans le Compte éditeur.
3. Implémentez la logique d’authentification côté application.

Configurer les réseaux sociaux pour le projet de connexion dans le Compte éditeur Xsolla

1. Ouvrez votre projet dans le Compte éditeur.
2. Dans le menu latéral, cliquez sur Login.
3. Dans le volet du projet de connexion, cliquez sur Configure.
4. Accédez au bloc Authentication et sélectionnez la section Social login.

5. Connectez les réseaux sociaux que les utilisateurs peuvent utiliser pour s'inscrire et se connecter à l'application :

1. • Pour connecter le réseau social souhaité, cliquez sur l'icône ⚙ et sélectionnez Connect

1. • Pour connecter plusieurs réseaux sociaux à la fois, sélectionnez les volets requis (leurs bordures deviennent vertes). Ensuite, dans le menu déroulant Manage, sélectionnez Connect

1. • Pour connecter simultanément tous les réseaux sociaux disponibles, cliquez sur Select all. Ensuite, dans le menu déroulant Manage, sélectionnez Connect

Intégration côté application

Implémentez la logique suivante lorsque l’utilisateur clique sur le bouton de connexion via un réseau social :

1. Obtenez l’URL de la page d’inscription/ connexion à l’aide de la méthode getLinkForSocialAuth de la bibliothèque Login.
2. Ouvrez la page d’inscription/connexion dans un navigateur.
3. Suivez la modification de l’URL de la page après une authentification utilisateur réussie.
4. Obtenez le code d’authentification à partir de l’URL de la page active.
5. Échangez le code d’authentification contre un jeton à l’aide de la méthode generateJWT de la bibliothèque Login.

Liens utiles