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

NativeUtil.authWithXsollaWidget();

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

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

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.

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

Liens utiles