SDK pour Cocos Creator / Connexion via les réseaux sociaux
  Retour à la documentation

SDK pour Cocos Creator

Connexion via les réseaux sociaux

Avis
Le SDK ne prend pas en charge l’authentification via les réseaux sociaux dans les builds HTML5.

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

Si l’utilisateur se connecte pour la première fois via un réseau social, un nouveau compte est automatiquement créé.

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.

Instructions

Pour en savoir plus sur les configurations avancées, consultez nos instructions.

Comment configurer la connexion via les réseaux sociaux sur les appareils Android

Pour implémenter la connexion via les réseaux sociaux dans les applications mobiles, vous devez ouvrir un formulaire d’autorisation dans l’application. Pour ce faire, connectez le SDK Xsolla natif pour Android au projet Cocos Creator. À l’aide de cette bibliothèque, vous pouvez ouvrir un formulaire d’autorisation via un réseau social dans un WebView customisé et obtenir un jeton utilisateur si la connexion aboutit. L’utilisateur n’a pas besoin de quitter l’application mobile.

Pour ajouter l’autorisation via les réseaux sociaux dans une application mobile :

  1. Connectez le SDK Xsolla natif pour Android à votre projet.
  2. Lancez l’autorisation et le traitement de ses résultats :

    1. Implémentez une interface pour la connexion via les réseaux sociaux dans votre application (par exemple, le bouton Sign in with Google sur la page de connexion).
    2. Selon la logique de l'application, implémentez l'appel à la méthode native authSocial. Cette méthode prend le nom du réseau social comme paramètre.

Exemple de lancement d’une connexion via un réseau social :

Copy
Full screen
Small screen
NativeUtil.authSocial(socialNetworkName);

    1. Côté Cocos Creator, abonnez-vous à l'événement d'autorisation réussie. Cet événement est généré au niveau de la scène par Native Activity, qui gère le résultat de l'autorisation. Après une autorisation réussie, appelez la méthode de gestionnaire handleSuccessfulSocialAuth, qui prend un objet avec le jeton utilisateur comme paramètre. Cet objet est utilisé ultérieurement pour interagir avec l'API Xsolla.

Exemple d’abonnement :

Copy
Full screen
Small screen
director.getScene().on(Events.SOCIAL_AUTH_SUCCESS, this.handleSuccessfulSocialAuth, this );
Note
À partir de scripts natifs, les méthodes de rappel Cocos Creator doivent être appelées depuis le fil de discussion du jeu.
    1. Abonnez-vous aux événements d'erreur de connexion et d'annulation de connexion en appelant les méthodes de gestionnaires correspondantes.
Cet article vous a été utile ?
Merci !
Que pouvons-nous améliorer ? Message
Nous sommes désolés de l'apprendre
Dites-nous pourquoi vous n'avez pas trouvé cet article utile. Message
Merci pour votre commentaire !
Nous examinerons votre message et l'utiliserons pour améliorer votre expérience.
Masquer

Comment configurer la connexion via les réseaux sociaux sur les appareils iOS

Pour implémenter la connexion via les réseaux sociaux dans les applications mobiles, vous devez ouvrir un formulaire d’autorisation dans l’application. Pour ce faire, connectez le SDK Xsolla natif pour iOS au projet Cocos Creator. À l’aide de cette bibliothèque, vous pouvez ouvrir un formulaire d’autorisation via un réseau social dans un onglet Safari et obtenir un jeton utilisateur si la connexion aboutit. L’utilisateur n’a pas besoin de quitter l’application mobile.

Pour ajouter l’autorisation via les réseaux sociaux dans une application mobile :

  1. Connectez le SDK Xsolla natif pour iOS à votre projet.
  2. Lancez l’autorisation et le traitement de ses résultats :

    1. Implémentez une interface pour la connexion via les réseaux sociaux dans votre application (par exemple, le bouton Sign in with Apple sur la page de connexion).
    2. Selon la logique de l'application, implémentez l'appel à la méthode native authSocial. Cette méthode prend le nom du réseau social comme paramètre.

Exemple de lancement d’une connexion via un réseau social :

Copy
Full screen
Small screen
NativeUtil.authSocial(socialNetworkName);

    1. Côté Cocos Creator, abonnez-vous à l'événement d'autorisation réussie. Cet événement est généré au niveau de la scène par un extrait de code TypeScript, qui gère le résultat de l'autorisation. Après une autorisation réussie, appelez la méthode de gestionnaire handleSuccessfulSocialAuth, qui prend un objet avec le jeton utilisateur comme paramètre. Cet objet est utilisé ultérieurement pour interagir avec l'API Xsolla.

Exemple d’abonnement :

Copy
Full screen
Small screen
director.getScene().on(Events.SOCIAL_AUTH_SUCCESS, this.handleSuccessfulSocialAuth, this );
Note
À partir de scripts natifs, les méthodes de rappel Cocos Creator doivent être appelées depuis le fil de discussion du jeu.
    1. Abonnez-vous aux événements d'erreur de connexion et d'annulation de connexion en appelant les méthodes de gestionnaires correspondantes.
Cet article vous a été utile ?
Merci !
Que pouvons-nous améliorer ? Message
Nous sommes désolés de l'apprendre
Dites-nous pourquoi vous n'avez pas trouvé cet article utile. Message
Merci pour votre commentaire !
Nous examinerons votre message et l'utiliserons pour améliorer votre expérience.
Masquer
Dernière mise à jour: 22 Janvier 2024

Faute de frappe ou autre erreur dans le texte ? Sélectionnez le texte concerné et appuyez sur Ctrl+Entée.

Signaler un problème
Nous améliorons continuellement notre contenu grâce à vos commentaires.
Indiquez votre adresse e-mail pour un suivi
Merci pour votre commentaire !