Настройка аутентификации через аккаунт Xsolla Wallet

Чтобы настроить аутентификацию пользователей с помощью аккаунта Xsolla:

1. Создайте вариант авторизации в Личном кабинете.
2. Создайте клиент OAuth 2.0 аккаунта Xsolla.
3. Подключите Xsolla как социальную сеть.
4. Настройте callback URL.

Создать вариант авторизации

1. Откройте проект в Личном кабинете.
2. В боковом меню выберите пункт Login.
3. Нажмите Создать вариант авторизации.
4. Выберите Стандартный вариант авторизации и нажмите Создать и настроить. Подождите, пока ваш новый вариант авторизации не будет создан. Затем вы увидите страницу с настройками варианта авторизации.

В процессе интеграции вам понадобится ID варианта авторизации. Чтобы получить его, нажмите название вашего варианта авторизации в цепочке навигации, чтобы вернуться на страницу варианта авторизации, и нажмите Cкопировать ID рядом с названием варианта авторизации.

Создание клиента OAuth 2.0 аккаунта Xsolla

Обратитесь к команде интеграции через integration@xsolla.com или к персональному менеджеру проекта через csm@xsolla.com и предоставьте следующие данные:

Параметр	Тип	Пример	Описание
Redirect URIs	Массив строк	[“https://example.com/oauth/callback”, “http://localhost:3000/oauth/callback”]	Список URI-адресов, которые могут быть использованы для перенаправления пользователя после аутентификации через аккаунт Xsolla.
Audience	Строковый	“https://example.com”	Домен, на котором пользователи смогут аутентифицироваться с помощью аккаунта Xsolla.
Scope	Массив строк	[“email”, “transactions”]	Список разрешений для аккаунта Xsolla.

Интеграционная команда Xsolla создаст клиент OAuth 2.0 аккаунта Xsolla для вас и предоставит его ID и секретный ключ. Эти данные необходимы для подключения Аккаунта Xsolla как социальной сети для аутентификации пользователей.

Подключение Xsolla как социальной сети

1. Откройте проект в Личном кабинете и перейдите в раздел Login.
2. Нажмите Настроить в панели нужного варианта авторизации.
3. В блоке Способы авторизации выберите пункт Авторизация через социальные сети.
4. Нажмите Настроить.
5. В списке социальных сетей найдите панель Xsolla.
6. Нажмите значок ⚙ и выберите пункт Настройки.
7. Заполните следующие поля:

1. • ID приложения — ID клиента OAuth 2.0 Аккаунта Xsolla, который вы получили от Xsolla.
   • Секретный ключ приложения — ключ клиента OAuth 2.0 аккаунта Xsolla, который вы получили от Xsolla.
   • Ссылка на сайт — сайт, с которого будут приходить запросы на обмен кода авторизации на авторизационный токен пользователя. Укажите тот же URL-адрес, который был указан в качестве параметра Audience при создании клиента OAuth 2.0 аккаунта Xsolla.

8. Нажмите Подключить.
9. Нажмите назад к Социальным сетям.
10. Установите переключатель Встраивать JWT токен социальной сети в положение Вкл.
11. Нажмите Сохранить изменения.

Настройка callback URL

1. Перейдите на вкладку Настройки сallback URL.
2. Убедитесь, что в области Callback URL добавлены следующие значения:
   • https://login-widget.xsolla.com/latest/babka-auth-succeed;
   • https://login.xsolla.com/api/social/oauth2/callback.
3. В области Разрешенные источники (CORS):
   1. Убедитесь, что добавлено значение https://metaframe.xsolla.com.
   2. Добавьте URL-адрес домена, на котором будет использован виджет Metaframe.
4. Нажмите Сохранить изменения.

Последнее обновление: 9 октября 2024