Аутентификация пользователя через социальные сети

Вы можете реализовать в вашем приложении аутентификацию пользователя с помощью его аккаунта в социальной сети. Если пользователь входит в систему впервые через аккаунт социальной сети, новая учетная запись создается автоматически. Пользователю не требуется вводить имя пользователя, email-адрес или другие данные.

Помощью веб-сервисов — приложение открывает в браузере форму для подтверждения аутентификации через выбранную социальную сеть.

Социальные сети могут быть как основным способом аутентификации в вашем приложении, так и альтернативным.

Если аккаунт социальной сети является альтернативным способом аутентификации, для автоматической привязки аккаунта к существующей учетной записи должны быть выполнены следующие условия:

• Пользователь, зарегистрированный с помощью имени пользователя или email-адреса, входит в приложение через аккаунт социальной сети.
• Социальная сеть возвращает email-адрес.
• Email-адрес из социальной сети совпадает с email-адресом, указанным пользователем при регистрации в вашем приложении.

Поддерживается авторизация через следующие социальные сети:

• Amazon
• Apple
• Baidu
• Battle.net
• Discord
• Facebook
• GitHub
• Google
• Kakao
• LinkedIn
• MSN
• Mail.ru
• Microsoft
• Naver
• Odnoklassniki
• PayPal
• QQ
• Reddit
• Steam
• Twitch.tv
• Twitter
• VK
• Vimeo
• WeChat
• Weibo
• Xbox Live
• Yahoo
• Yandex
• YouTube

Чтобы настроить аутентификацию через веб-сервисы:

1. В интерфейсе приложения добавьте кнопки для аутентификации через социальные сети.
2. Настройте социальные сети для выбранного варианта авторизации в Личном кабинете.
3. Реализуйте логику аутентификации на стороне приложения.

Настройка социальных сетей для варианта авторизации в Личном кабинете Xsolla

1. Откройте проект в Личном кабинете.
2. В боковом меню выберите пункт Login.
3. Нажмите Настроить в панели нужного варианта авторизации.
4. Перейдите к блоку Аутентификация и выберите раздел Авторизация через социальные сети.

5. Подключите социальные сети, через которые пользователи смогут регистрироваться и входить в приложение. Это можно сделать одним из следующих способов:

1. • Чтобы подключить нужную социальную сеть, нажмите значок ⚙ и выберите пункт Подключить.

1. • Чтобы подключить сразу несколько социальных сетей, выберите нужные панели (рамки панелей станут зелеными). Затем в раскрывающемся меню Управление выберите пункт Подключить.

1. • Чтобы подключить сразу все доступные социальные сети, нажмите Выбрать все. Затем в раскрывающемся меню Управление выберите пункт Подключить.

Интеграция на стороне приложения

Реализуйте следующую логику при нажатии кнопки аутентификации через социальную сеть:

1. Получите URL-адрес страницы регистрации/авторизации с помощью метода библиотеки Login getLinkForSocialAuth.
2. Откройте страницу регистрации/авторизации в браузере.
3. Отследите изменение URL-адреса страницы после успешной аутентификации пользователя.
4. Получите код аутентификации из URL-адреса активной страницы.
5. Обменяйте код аутентификации на токен с помощью метода библиотеки Login generateJWT.

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