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. Appelez la méthode startSocialAuth de la bibliothèque Login.
2. Dans la méthode onActivityResult, appelez la méthode finishSocialAuth de la bibliothèque Login.

Documentation de référence du SDK

En savoir plus sur les méthodes SDK et leurs paramètres.

L’authentification native permet aux utilisateurs de se connecter à votre application via un compte de réseau social configuré sur un appareil mobile.

La première fois qu’un utilisateur se connecte, l’application de réseau social est lancée et demande l’autorisation d’authentifier l’utilisateur. Ensuite, l’authentification est effectuée automatiquement sans que l’utilisateur ne fasse quoi que ce soit.

Actuellement, le SDK implémente l’authentification native via les réseaux sociaux suivants :

• Google
• Facebook
• WeChat
• QQ

Pour configurer l’authentification native :

1. Dans l’interface de l’application, ajoutez des boutons d’authentification via les réseaux sociaux.
2. Configurez l’application dans le compte de développeur de réseau social :
   1. Pour l’authentification via Facebook :
      1. Inscrivez-vous et créez une nouvelle application ;
      2. Configurez la page de l’application dans votre compte de développeur Facebook.
   2. Pour l’authentification via Google, configurez le projet dans Google API Console.
   3. Pour l’authentification via WeChat :
      1. Inscrivez-vous et créez une nouvelle application ;
      2. Soumettez la demande pour examen.
   4. Pour l’authentification via QQ :
      1. Inscrivez-vous et créez une nouvelle application ;
      2. Soumettez la demande pour examen.

3. Configurez l'authentification via les réseaux sociaux côté Xsolla :
   1. Pour Facebook et Google, configurez la connexion via les réseaux sociaux dans le Compte éditeur ;
   2. Pour WeChat et QQ, contactez votre responsable de la réussite client ou envoyez un e-mail à csm@xsolla.com.

4. Installez des bibliothèques pour l'authentification via les réseaux sociaux. Pour ce faire, ouvrez le fichier build.gradle de votre application et, dans la section des dépendances, ajoutez les lignes ci-dessous, où <version_number> est la version requise de la bibliothèque :
   • Pour l'authentification via Facebook :

implementation 'com.xsolla.android:login-facebook:<version_number>'

1. • Pour l'authentification via Google :

implementation 'com.xsolla.android:login-google:<version_number>'

1. • Pour l'authentification via WeChat :

implementation 'com.xsolla.android:login-wechat:<version_number>'

1. • Pour l'authentification via QQ :

implementation 'com.xsolla.android:login-qq:<version_number>'

5. Initialisez la bibliothèque Login avec les paramètres suivants :
   • facebook_id — App ID du compte de développeur Facebook ;
   • google_id — Client ID de l'application Web Google API Console ;
   • wechat_id — AppID du compte de développeur WeChat ;
   • qq_id — AppID du compte de développeur QQ.

Exemple d’initialisation de la bibliothèque lors de l’authentification via OAuth 2.0 :

val loginConfig = LoginConfig.OauthBuilder()
                .setProjectId("login-project-id")
                .setOauthClientId("oauth2-client-id")
                .setSocialConfig(XLogin.SocialConfig(
                     facebookAppId = "facebook_id",
                     googleServerId = "google_id",
                     wechatAppId = "wechat_id",
                     qqAppId = "qq_id"
                ))

                .build()

XLogin.init(applicationContext, loginConfig)

6. Pour l'authentification via WeChat, modifiez le code de l'application :
   • Ajoutez la classe WXEntryActivity au package <your_package_name>.wxapi, où <your_package_name> est le nom

package <your_package_name>.wxapi

import android.app.Activity
import android.os.Bundle
import com.tencent.mm.opensdk.modelbase.BaseReq
import com.tencent.mm.opensdk.modelbase.BaseResp
import com.tencent.mm.opensdk.openapi.IWXAPI
import com.tencent.mm.opensdk.openapi.IWXAPIEventHandler
import com.tencent.mm.opensdk.openapi.WXAPIFactory
import com.xsolla.android.login.util.WechatUtils

class WXEntryActivity : Activity(), IWXAPIEventHandler {

    private lateinit var iwxapi: IWXAPI

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)

        iwxapi = WXAPIFactory.createWXAPI(this, WechatUtils.wechatAppId, false)
        iwxapi.handleIntent(intent, this)
        finish()
    }

    override fun onReq(req: BaseReq?) {
    }

    override fun onResp(resp: BaseResp) {
        WechatUtils.wechatResult = resp
    }
}

1. • Ajoutez l'élément suivant à votre fichier AndroidManifest.xml :

<activity
        android:name="<your_package_name>.wxapi.WXEntryActivity"
        android:exported="true"
        android:launchMode="singleTask" />

Configurer une page d'application dans le compte de développeur Facebook

1. Accédez aux paramètres du projet dans le compte de développeur Facebook.
2. Accédez à Settings > Basic.
3. Cliquez sur Add Platform et sélectionnez Android.
4. Spécifiez le nom de package de votre application Android dans le champ Google Play Package Name.
5. Spécifiez le nom complet de classe Activity par défaut dans le champ Class Name.
6. Générez la clé de hachage et spécifiez-la dans le champ Key Hashes.
7. Cliquez sur Save Changes.

Pour poursuivre la configuration de l’authentification native, vous aurez besoin de l’App ID et de l’App Secret, qui se trouvent dans les paramètres du projet sous la section Settings > Basic.

Configurer un projet dans Google API Console

1. Accédez à Google API Console.
2. Cliquez sur New Project.
3. Spécifiez Project et Location et cliquez sur Save.
4. Accédez au projet créé et cliquez sur l'OAuth consent screen dans le menu latéral.
5. Sélectionnez l'option External et cliquez sur Create.
6. Spécifiez les paramètres nécessaires et cliquez sur Save.
7. Cliquez sur Credentials dans le menu latéral.
8. Créez un client OAuth 2.0 pour votre application Android :

1. 1. Cliquez sur Create credentials et sélectionnez OAuth client ID ;
   2. Spécifiez Android dans le champ Application type ;
   3. Spécifiez Name ;
   4. Spécifiez le nom de package de votre application Android dans le champ Package name ;
   5. Générez une clé SHA ;
   6. Spécifiez la clé SHA générée à l'étape précédente dans le champ SHA-1 certificate fingerprint ;
   7. Cliquez sur Create ;
   8. Cliquez sur OK.

9. Créez un client OAuth 2.0 pour l'application Web :
   1. Cliquez sur Create credentials et sélectionnez OAuth client ID ;
   2. Spécifiez Web application dans le champ Application type ;
   3. Spécifiez Name ;
   4. Cliquez sur Add URI dans la section Authorized redirect URIs et spécifiez https://login.xsolla.com/api/social/oauth2/callback ;
   5. Cliquez sur Create ;
   6. Cliquez sur OK.

Pour poursuivre la configuration de l’authentification native, vous aurez besoin du Client ID et du Client Secret, qui se trouvent dans les paramètres de l’ID client de l’application Web.

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. Pour configurer un réseau social, accédez à la carte de réseau social, cliquez sur l'icône ⚙ à droite du nom, puis 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. Appelez la méthode startSocialAuth de la bibliothèque Login.
2. Dans la méthode onActivityResult, appelez la méthode finishSocialAuth de la bibliothèque Login.

Documentation de référence du SDK

En savoir plus sur les méthodes SDK et leurs paramètres.