Настройка единого входа (SSO) в Instagram с помощью плагина Joomla OAuth Client.
Обзор
В этом руководстве объясняется, как настроить наше расширение Joomla OAuth Client, чтобы пользователи могли входить в систему с помощью своих учетных записей Instagram. Эта интеграция управляется через Instagram Basic Display API, который является частью платформы Meta for Developers.
Добавление опции «Вход через Instagram» идеально подходит для сайтов с ярко выраженной визуальной или ориентированной на сообщество направленностью, таких как портфолио художников, демонстрации брендов, блоги о стиле жизни и сайты электронной коммерции. Это обеспечивает быстрый и современный способ входа для аудитории, активно использующей платформу Instagram.
Шаги настройки
В этой конфигурации Instagram выполняет функцию сервера OAuth, в то время как Joomla позволяет пользователям входить в систему, используя свои учетные данные Instagram. Плагин клиента Joomla OAuth.
Шаг 1: Установите плагин Joomla OAuth Client.
- Войдите на свой сайт Joomla. Администратора приставка.
- В левом выпадающем меню нажмите на Системазатем в разделе «Установка» нажмите на Расширения.
- Теперь нажмите Или выберите файл. кнопка для поиска и установки ранее загруженного файла плагина.
- Установка плагина прошла успешно. Теперь нажмите на Начать!
- Под Настройка OAuth -> Предварительно настроенные приложения вкладка, выберите свой Поставщик OAuthВы также можете настроить собственный поставщик услуг, перейдя в раздел [ссылка на раздел]. Пользовательское приложение меню.
- После выбора поставщика OAuth скопируйте URL обратного вызова/перенаправления который мы будем использовать для настройки сервера OAuth, затем нажмите на Сохранить и далее .
Шаг 2: Настройте Instagram в качестве сервера OAuth.
- Перейдите на сайт Панель разработчика Instagram.
- Введите URL-адрес вашего сайта и номер телефона в поле ниже. Ваш сайт и Номер телефона соответственно текстовые поля. Нажмите на Зарегистрироваться Нажмите кнопку «Продолжить». На этом шаге завершается регистрация вашей учетной записи разработчика.
- Снова нажмите кнопку «Зарегистрировать заявку», а затем перейдите по ссылке. Управление клиентами -> Регистрация нового клиента как показано на изображении ниже:
- Введите Название приложения, описание, название компании, URL-адрес веб-сайта, контактный адрес электронной почты. и т. д. Скопируйте URL перенаправления/обратного вызова из плагина miniOrange OAuth Client и сохраните его в папке Действительные URL-адреса перенаправления текстовое поле. Наконец, нажмите на Зарегистрировать филиал кнопку для сохранения ваших конфигураций.
- Теперь нажмите кнопку «Управление», чтобы просмотреть и скопировать ваши данные. Идентификатор клиента и секрет клиента.
- Нажмите на Закладка и снимите флажок Отключить неявную аутентификацию OAuth вариант. Нажмите на Обновление клиента кнопку, чтобы сохранить изменения.
- Вернитесь в Панель управления Joomla, Затем перейдите к Шаг 2 в Настройка OAuth меню.
- Вставьте Идентификатор клиента, секретный ключ клиента и арендаторТакже установите учетные данные клиента. В заголовке и теле затем нажмите на Сохраните настройкиПосле сохранения настроек нажмите на Сохранить конфигурацию.
- Ниже приведены область действия и конечные точки, необходимые для настройки плагина Joomla в качестве клиента OAuth, чтобы настроить Instagram в качестве пользовательского поставщика OAuth или OIDC.
| Объем | профиль пользователя медиа |
| Авторизовать конечную точку | https://api.instagram.com/oauth/authorize |
| Конечная точка токена доступа | https://api.instagram.com/oauth/access_token |
| Получить конечную точку информации о пользователе | https://graph.instagram.com/me?fields=id,username&access_token= |
| Настройка учетных данных клиента | В заголовке и в теле документа |
Шаг 4: Настройка сопоставления атрибутов
- Сопоставление атрибутов пользователя является обязательным условием для успешного входа пользователей в Joomla. Мы будем настраивать атрибуты профиля пользователя для Joomla, используя следующие параметры.
- Перейдите на Шаг 3 в Настроить OAuth и нажмите Конфигурация теста .
- В выходных данных конфигурации теста вы сможете увидеть следующие атрибуты.
- Теперь выберите имя атрибута для Адрес электронной почты и имя пользователя из выпадающего списка. Затем нажмите на Завершить настройку .
Шаг 5: Настройка URL-адреса для входа/единого входа (SSO)
- Теперь перейдите в Шаг 4, здесь скопируйте URL для входа/единого входа и добавьте его на свой сайт.
- Теперь выйдите из системы и перейдите на страницы вашего сайта Joomla, куда вы добавили эту ссылку. Вы увидите ссылку для входа в систему там, где вы разместили эту кнопку. Нажмите на эту кнопку, чтобы выполнить единый вход (SSO).
