SDK pour Cocos Creator / Widget Xsolla Login
  Retour à la documentation

SDK pour Cocos Creator

Widget Xsolla Login

Le widget Xsolla Login offre une interface prête à l’emploi pour l’authentification des utilisateurs dans votre projet, ce qui permet de réduire les coûts de développement du code et de l’interface.

Restrictions :

  • Le widget n’est pris en charge que dans les builds pour les platesformes mobiles.
  • Le widget ne prend en charge que les méthodes d’authentification utilisateur suivantes :
    • connexion classique par nom d’utilisateur/adresse e-mail et mot de passe ;
    • connexion sans mot de passe à l’aide d’un code ou un lien à usage unique envoyé par SMS ou par e-mail ;
    • authentification Web via les réseaux sociaux.

Configurez la redirection des utilisateurs vers l’application après une authentification réussie à l’aide du widget :

  1. Ouvrez votre projet dans le Compte éditeur.
  2. Dans le menu latéral, cliquez sur Login.
  3. Sélectionnez le projet de connexion et cliquez sur Configure.
  4. Sélectionnez la section Callback URLs.
  5. Dans le champ Callback URL, spécifiez les mêmes chemins de redirection utilisateur que ceux que vous avez spécifiés précédemment lors de la configuration du client OAuth 2.0.
  6. Cliquez sur Save changes.

Pour ajouter l’authentification dans une application mobile à l’aide d’un widget :

  1. Connectez le SDK Xsolla natif pour Android ou iOS au projet.
  2. Démarrez l'autorisation et le traitement de ses résultats :

    1. Implémentez une interface d'authentification utilisateur dans votre application (par exemple, un bouton Entrer).
    2. Selon la logique de l'application, implémentez un appel à la méthode native authWithXsollaWidget.

Exemple de démarrage de l’authentification à l’aide du widget :

Copy
Full screen
Small screen
NativeUtil.authWithXsollaWidget();
    1. Côté Cocos Creator, abonnez-vous à l'événement d'authentification 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 authentification réussie, appelez la méthode de gestionnaire, qui prend un objet avec le jeton utilisateur comme paramètre. Cet objet est utilisé pour poursuivre l'interaction avec l'API Xsolla.
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 d'authentification et d'annulation d'authentification en appelant les méthodes de gestionnaires correspondantes.

Exemple d’abonnement :

Copy
Full screen
Small screen
director.getScene().on(Events.XSOLLA_WIDGET_AUTH_SUCCESS, this.handleSuccessfulXsollaWidgetAuth, this );
director.getScene().on(Events.XSOLLA_WIDGET_AUTH_ERROR, this.handleErrorXsollaWidgetAuth, this );
director.getScene().on(Events.XSOLLA_WIDGET_AUTH_CANCELED, this.handleCancelXsollaWidgetAuth, this );

Xsolla fournit des modèles de widget standard. Leur apparence et leur contenu sont déterminés par la méthode de connexion choisie pour le projet et les paramètres de customisation du widget dans le Compte éditeur.

Avis
La customisation du widget n’est disponible qu’après avoir signé le contrat de licence produit Xsolla. Pour signer le contrat, accédez à la section Agreements & Taxes > Agreements de votre Compte éditeur.
Affichage standard du widget pour la connexion classique :

Affichage du widget du projet de démo pour plusieurs méthodes de connexion :

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.

Liens utiles

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 !