Xsolla Login widget

Xsolla Login widget allows you to integrate a ready-made interface for user authentication into your project and reduce the cost of development for code and UI.

Restrictions:

• The widget is only supported on builds for mobile platforms.
• The widget only supports the following user authentication methods:
  • сlassic login via username/email and password
  • passwordless login via a one-time code or link sent via SMS or email
  • web-based authentication via social networks

Set up redirecting users to the application after successful authentication using the widget:

1. Open your project in Publisher Account.
2. In the side menu, click Login.
3. Select the Login project and click Configure.
4. Select the Callback URLs section.
5. In the Callback URL field, specify the same user redirect paths that you specified earlier when configuring the OAuth 2.0 client.
6. Click Save changes.

To add authentication in mobile application using widget:

1. Connect native Xsolla SDK for Android or iOS to your project.
2. Start authorization and processing of its results:

1. 1. Implement a UI for user authentication in your application (for example, a Login button).
   2. In accordance with the logic of the application, implement a call of the authWithXsollaWidget native method.

Example of starting authentication using the widget:

NativeUtil.authWithXsollaWidget();

1. 3. On the Cocos Creator side, subscribe to the successful authentication event. This event is generated at the scene level by the native Activity that handles the authorization result. Once aythentication is successful, call thehandler method that takes an object with the user’s token. This object can be used to continue working with the Xsolla API.

1. 4. Subscribe to authentication error and authentication cancellation events with a call to the corresponding handler methods.

Subscription example:

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 provides standard widget templates. Their appearance and content is determined by the Login method chosen for your project and widget customization settings from Publisher Account.

Demo project widget view for several Login methods:

Useful links