Виджет авторизации

Виджет авторизации позволяет интегрировать в проект готовый интерфейс для аутентификации пользователей и снизить затраты на разработку кода и UI.

Ограничения:

• Виджет доступен только для сборок под мобильные платформы.
• Виджет поддерживает только следующие способы аутентификации пользователя:
  • по имени пользователя/email-адресу и паролю;
  • без пароля с помощью одноразового кода или ссылки, отправленных в SMS или электронном письме;
  • через социальные сети с помощью веб-сервисов.

Настройте перенаправление пользователей в приложение после успешной аутентификации с помощью виджета:

1. Откройте проект в Личном кабинете.
2. В боковом меню нажмите Login.
3. Нажмите Настроить в панели нужного варианта авторизации.
4. Выберите раздел Настройки callback URL.
5. В поле Callback URL укажите те же пути для перенаправления пользователей, которые вы указали ранее при настройке OAuth 2.0 клиента.
6. Нажмите Сохранить изменения.

Чтобы добавить аутентификацию через виджет в мобильном приложении:

1. Подключите к проекту нативный Xsolla SDK для Android или iOS.
2. Запустите авторизацию и обработку ее результатов. Для этого:

1. 1. Реализуйте в вашем приложении интерфейс для аутентификации пользователя (например, кнопку Войти).
   2. В соответствии с логикой приложения реализуйте вызов нативного метода authWithXsollaWidget.

Пример запуска аутентификации через виджет:

NativeUtil.authWithXsollaWidget();

1. 3. На стороне Cocos Creator подпишитесь на событие успешной аутентификации. Это событие генерируется на уровне сцены фрагментом TypeScript-кода, который обрабатывает результат аутентификации. В случае успеха вызовите метод-обработчик, который принимает объект с токеном пользователя. Этот объект можно использовать для дальнейшей работы с Xsolla API.

1. 4. Подпишитесь на события с ошибкой и отменой аутентификации с вызовом необходимых методов-обработчиков.

Пример подписки:

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 предоставляет стандартные шаблоны для виджета авторизации. Их внешний вид и наполнение определяются способом авторизации, выбранным для проекта, и настройками кастомизации виджета в Личном кабинете.

Вид виджета в демопроекте для нескольких способов авторизации:

Полезные ссылки