Настройка единого входа (SSO) Google Classroom с использованием OAuth для WordPress

Обзор

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

Скачать плагин Тарифный план Попробуйте!

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

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

Мы предоставляем единый вход (SSO) для WordPress от множества образовательных учреждений; некоторые из популярных провайдеров представлены ниже.

Умный

КлассСсылка

Канвы

Не можете найти своего учебного заведения? Нажмите здесь, чтобы узнать больше.

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

1. Настройте Google Classroom в качестве поставщика OAuth.

• Перейдите на https://console.developers.google.com/ и зарегистрируйтесь/войдите в систему.
• Нажмите на Выберите проект Чтобы создать новый проект Google Apps, вы увидите всплывающее окно со списком всех ваших проектов.

• Вы можете нажать на кнопку Новый проект кнопку создания нового проекта.

• Введите название вашего проекта под Название проекта поле и нажмите на Создавай.

• Перейдите на Меню навигации API Услуги Полномочия.

• Нажмите на Создание учетных данных кнопку, а затем выберите Идентификатор клиента OAuth из предложенных вариантов.

• Если вы видите предупреждение о том, что для создания идентификатора клиента OAuth необходимо указать название продукта на экране согласия (как показано на изображении ниже), нажмите на него. Настроить экран согласия .

• Введите необходимые данные, такие как Название приложения, адрес электронной почты службы поддержки пользователей, и нажмите Сохранить и продолжить .

• Теперь для настройки областей нажмите Добавить или удалить области .

• Теперь выберите Области Чтобы разрешить вашему проекту доступ к определенным типам личных данных пользователей из их учетной записи Google, нажмите на Сохранить и продолжить .

• Перейдите на сайт Вкладка «Учетные данные» и нажмите на Создание учетных данных кнопка. Выбрать Веб приложение Выберите пункт из выпадающего списка, чтобы создать новое приложение.

• Введите имя, которое вы хотите использовать для своего идентификатора клиента, в поле «Имя» и введите URI перенаправления/обратного вызова из плагина/модуля miniOrange OAuth Client в разделе Авторизованные URI перенаправления поле и нажмите на Создавай .

• Вы увидите всплывающее окно с идентификатором клиента (Client ID) и секретным ключом клиента (Client Secret). Скопируйте их. идентификатор клиента и Секрет клиента и сохраните это в конфигурации плагина miniOrange OAuth Client.

• Вы успешно завершили настройку сервера OAuth приложения Google.

Теперь Google Classroom успешно настроен в качестве поставщика OAuth для обеспечения единого входа в Google Classroom на вашем сайте WordPress.

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

• Бесплатно
• Премиум

• Перейдите на Настроить OAuth вкладку и нажмите Добавить новое приложение Добавить новое клиентское приложение на ваш веб-сайт.

• Выберите свое приложение из списка поставщиков OAuth / OpenID Connect здесь. Google.

• Скопируйте URL обратного вызова Используется в конфигурации поставщика OAuth. Нажмите здесь. Следующая.

• Вам нужно ввести Название приложения и конечные точки Для этого, пожалуйста, обратитесь к таблице ниже и нажмите на нее. Следующая.

Авторизовать конечную точку:	https://accounts.google.com/o/oauth2/auth
Конечная точка токена доступа:	https://www.googleapis.com/oauth2/v4/token
Конечная точка для получения информации о пользователе:	https://www.googleapis.com/oauth2/v1/userinfo

• Введите учетные данные клиента, например: Идентификатор клиента и секретный ключ клиента Как показано в диалоговом окне настройки. Введите значения области действия следующим образом: email openid profile. Нажмите Следующая.

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

Вы успешно настроили WordPress в качестве клиента OAuth для аутентификации пользователей с помощью единого входа (SSO) в Google Classroom на вашем сайте WordPress.

• Перейдите на Настроить OAuth Чтобы добавить новое клиентское приложение на свой веб-сайт, воспользуйтесь вкладкой и найдите название своего приложения. Google.

• Вставьте сюда свой домен Google и настройте параметры. идентификатор клиента и Секрет клиента получено из конфигурации Google и клик Сохранить настройки.

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

Вы успешно настроили WordPress в качестве клиента OAuth для аутентификации пользователей с помощью единого входа Google (SSO) на вашем сайте WordPress.

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

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

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

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

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

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

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

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

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

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

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

Шаг 5: Настройки входа

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

• WordPress 5.7 и ниже
• WordPress 5.8
• WordPress 5.9 и выше

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

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

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

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

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

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

Статьи по теме

• Что такое OAuth 2.0?
• Получите доступ к API Google, используя OAuth 2.0.
• Единый вход для WordPress
• Интеграция с Google Классом
• Интегрируйте Google Classroom с WordPress прямо сейчас!
• Часто задаваемые вопросы (FAQ):