VKontakte OAuth & OpenID connect Single Sign-On (SSO) | Вход через SSO в VKontakte

Плагин OAuth & OpenID Connect Single Sign-On (SSO) для WordPress обеспечивает безопасный вход в WordPress с использованием VKontakte в качестве поставщика OAuth и OpenID Connect. Вы также можете настроить плагин, используя различные пользовательские поставщики и стандартные IDP. Он поддерживает расширенные функции единого входа (SSO), такие как сопоставление атрибутов профиля пользователя, сопоставление ролей и т. д. В этом руководстве мы рассмотрим настройку SSO между WordPress и VKontakte. К концу этого руководства пользователи смогут входить в WordPress из VKontakte. Чтобы узнать больше о других функциях, которые мы предоставляем в плагине OAuth Single Sign-On (клиент OAuth & OpenID Connect) для WordPress, вы можете нажмите здесь..

Предварительные условия: загрузка и установка

• Войдите в свою учетную запись WordPress как администратор.
• Перейти на вордпресс Панель управления -> Плагины и нажмите на Добавить новый.
• Поиск для Единый вход OAuth (SSO) плагин для WordPress и нажмите на установить сейчас.
• После установки нажмите на активировать.

Шаги по настройке единого входа (SSO) ВКонтакте. Вход в WordPress.

1. Настройте ВКонтакте в качестве поставщика OAuth.

• Прежде всего, перейдите к https://vk.com/apps?act=manage и войдите в свой аккаунт ВКонтакте.
• Перед вами отобразится следующий экран. Нажмите на него. Создать приложение.

• Вам будет показана форма, в которую вам нужно будет ввести данные. Имя приложения и Тип. Выбирать Платформа as Вебсайт и заполните остальные необходимые данные. Теперь нажмите на Подключить сайт.

• Вам будет предложено код подтверждения которое будет отправлено на номер телефона, зарегистрированный в ВКонтакте.

• После успешной проверки вы будете перенаправлены на страницу управления приложением. Перейдите по ссылке: Настройки вкладка. Здесь вы найдете Защитный ключ и Защищенный токен. Это ваши идентификатор клиента и Секрет клиентасоответственно. Скопируйте эти учетные данные в конфигурацию плагина MO OAuth в соответствующие поля.
• На той же странице вы найдете поле для Авторизованный URL-адрес перенаправленияВведите то же значение, что и в плагине MO OAuth, а затем нажмите кнопку. Сохранено.

Вы успешно настроили ВКонтакте как поставщик OAuth-аутентификации для обеспечения авторизации через ВКонтакте на вашем сайте WordPress.

2. Настройте WordPress в качестве клиента OAuth.

• Перейдите на Настроить OAuth вкладка и настройка Название приложения, идентификатор клиента, секретный ключ клиента, идентификатор арендатора из предоставленного Конечные точки.
• OpenID Поле уже заполнено, но если это не сработает, то выполните настройку. сфера as Пользователь.Чтение и для извлечения информации о группе используйте область действия Каталог.read.all.

• Для настройки воспользуйтесь таблицей ниже. Область действия и конечные точки для ВКонтакте в плагине.

  
  

  Идентификатор клиента:	из шага 6, описанного выше.
  Секрет клиента:	из шага 6, описанного выше.
  Объем:	OpenID
  Авторизовать конечную точку:	https://oauth.vk.com/authorize
  Конечная точка токена доступа:	https://oauth.vk.com/access_token
  Конечная точка для получения информации о пользователе:	https://api.vk.com/method/users.get?fields=id,name,email,age_range,first_name,gender,last_name,link&access_token=

• Нажмите на Сохранить настройки для сохранения конфигурации.

Вы успешно настроили WordPress как клиент OAuth для обеспечения авторизации через ВКонтакте на вашем сайте WordPress.

3. Сопоставление атрибутов пользователя

• Сопоставление атрибутов пользователя обязательно для обеспечения успешного входа пользователей в WordPress. Мы будем настраивать атрибуты профиля пользователя в WordPress, используя приведенные ниже параметры.

Поиск атрибутов пользователя

• Перейдите на Настроить OAuth вкладка. Прокрутите вниз и нажмите Тестовая конфигурация.

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

• После того, как вы увидите все значения в разделе «Конфигурация теста», перейдите в... Сопоставление атрибутов/ролей На вкладке "Имя пользователя" вы увидите список атрибутов в выпадающем списке.

4: Сопоставление ролей [Премиум]

• Нажмите на «Конфигурация теста» и вы получите список имен атрибутов и значений атрибутов, отправленных вашим поставщиком OAuth.
• В окне «Конфигурация теста» сопоставьте имена атрибутов в разделе «Сопоставление атрибутов» плагина. Более подробная информация приведена на скриншоте.

• Включить сопоставление ролей: Для включения сопоставления ролей необходимо сопоставить атрибут «Имя группы». Выберите имя атрибута из списка атрибутов, который возвращает роли из вашего приложения-провайдера.
  Например: Роль


• Назначьте роль WordPress роли Provider: В зависимости от используемого вами приложения, вы можете назначить роль WordPress соответствующим ролям. Это может быть студент, преподаватель, администратор или любая другая роль, в зависимости от вашего приложения. Добавьте роли поставщиков в поле «Значение атрибута группы» и назначьте необходимую роль WordPress в поле «Роль WordPress».
  
  НапримерНа изображении ниже учителю назначена роль Администратора, а ученику — роль Подписчика.

• После сохранения сопоставления роль поставщика будет назначена на роль администратора WordPress после выполнения единого входа (SSO).
  Пример: Согласно приведенному примеру, пользователи с ролью «учитель» будут добавлены в WordPress в качестве администраторов, а «студент» — в качестве подписчиков.

5. Настройки входа / Настройки авторизации

• Настройки на вкладке «Настройки единого входа (SSO)» определяют пользовательский опыт работы с единым входом (SSO). Чтобы добавить виджет входа в ВКонтакте на страницу WordPress, необходимо выполнить следующие шаги.

Настройки входа в WordPress 5.7 и более ранних версий

• Перейдите на Левая панель WordPress > Внешний вид > Виджеты.
• Выбрать miniOrange OAuthПеретащите курсор в нужное место и сохраните.


Настройки входа в WordPress 5.8

• Перейдите на Левая панель WordPress > Внешний вид > Виджеты.
• Выбрать miniOrange OAuthПеретащите курсор в нужное место и сохраните.

• Откройте свою страницу WordPress, и вы увидите там кнопку входа через единый вход (SSO) ВКонтакте. Теперь вы можете протестировать единый вход (SSO) ВКонтакте.

Настройки входа в WordPress 5.9

• Убедитесь в том, "Показать на странице входа" Эта опция включена для вашего приложения. (См. изображение ниже)

• Теперь иди к вашему Вход в WordPress стр. (Например, https://<ваш-домен-wordpress>/wp-login.php)
• Там вы увидите кнопку входа в систему ВКонтакте через единый вход (SSO). После нажатия на эту кнопку вы сможете протестировать систему единого входа (SSO) ВКонтакте.

В этом руководстве вы успешно выполнили настройку. Единый вход ВКонтакте (SSO) Настроив VKontakte в качестве поставщика OAuth и WordPress в качестве клиента OAuth с помощью нашего плагина OAuth Single Sign-On (OAuth & OpenID Connect Client) для WordPress, вы сможете за считанные минуты обеспечить безопасный доступ к вашему сайту WordPress с использованием учетных данных VKontakte.

Дополнительные ресурсы

• Что такое OAuth 2.0?
• ВКонтакте как поставщик OAuth / OpenID Connect
• Часто задаваемые вопросы (ЧЗВ)

Пишите нам oauthsupport@xecurify.com Для получения оперативной консультации (по электронной почте/на встрече) по вашим требованиям, наша команда поможет вам выбрать наиболее подходящее решение/план в соответствии с вашими потребностями.