Результаты поиска :

×

Единый вход (SSO) Google Apps OAuth в TYPO3 | Вход через Google OAuth в TYPO3


Расширение Typo3 OAuth 2.0 для аутентификации и авторизации с единым входом (SSO) позволяет пользователям фронтенда и бэкенда (администраторам и клиентам) беспрепятственно входить на сайт Typo3, используя учетные данные Google Apps. Расширение Typo3 OAuth / OpenID Connect для единого входа (SSO) упрощает использование OAuth2 для настройки входа в систему Google Apps на Typo3 (единый вход Google Apps).

Расширение Typo3 OAuth & OpenID Connect Single Sign-On (SSO) позволяет безопасно входить в Typo3, используя любой поставщик OAuth и OpenID Connect, такой как Azure AD, Azure B2C, Okta, Keycloak, Salesforce и т. д. В этом расширении также поддерживаются расширенные функции единого входа (SSO), такие как сопоставление атрибутов профиля пользователя, сопоставление ролей и т. д. Нажмите здесь , чтобы узнать больше о премиум-функциях расширения Typo3 OAuth Single Sign-On (клиент OAuth & OpenID Connect).

В этом руководстве мы рассмотрим, как настроить единый вход (SSO) между Typo3 и Google Apps. К концу этого руководства пользователи должны иметь возможность входить в Typo3 через Google Apps.

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

миниоранж img Установка расширения OAuth Client / OpenID Connect в TYPO3


  • Для установки расширения с помощью Composer используйте следующую команду:
    composer req miniorange/miniorange_oidc
  • Теперь найдите "miniOrange OpenIDConnect" В разделе «Установленные расширения» активируйте расширение, нажав кнопку «Активировать».
  • После установки нажмите на только что установленное расширение. "miniOrange OpenIDConnect" Для входа в TYPO3 SSO используйте зарегистрированные учетные данные miniOrange.
  • Typo3 miniorange OpenIDCconnect настройки
  • После ввода имени пользователя и пароля вам потребуется лицензионный ключ, если вы являетесь премиум-клиентом. (Вы получите этот ключ от команды miniOrange. После ввода лицензионного ключа вы сможете активировать лицензию и продолжить.)
  • лицензия miniorange oauth oidc вход
  • Если вы не являетесь премиум-клиентом, вы можете легко войти в систему, введя учетные данные miniOrange.
  • После успешного входа в систему вы сможете просмотреть подробную информацию о своем аккаунте.
  • Typo3 OAuth Single Sign-On account detilas
  • Теперь вы готовы настроить свой поставщик идентификации (IdP). Но важно сначала интегрировать фронтенд.
  • Загрузите zip-архив расширения OAuth/OIDC с торговой площадки TYPO3.
  • Перейдите в панель управления TYPO3 и нажмите на раздел «Расширения» в левой части экрана.
  • Загрузите ZIP-файл, как показано на изображении ниже.
  • Плагин загрузки Typo3 OAuth OIDC SSO
  • Теперь найдите "miniOrange OpenIDConnect" В разделе «Установленные расширения» активируйте расширение, нажав кнопку «Активировать».
  • После установки нажмите на только что установленное расширение. "miniOrange OpenIDConnect" Для входа в TYPO3 SSO используйте зарегистрированные учетные данные miniOrange.
  • Typo3 miniorange OpenIDCconnect настройки
  • После ввода имени пользователя и пароля вам потребуется лицензионный ключ, если вы являетесь премиум-клиентом. (Вы получите этот ключ от команды miniOrange. После ввода лицензионного ключа вы сможете активировать лицензию и продолжить.)
  • лицензия minorange, вход в систему oauth oidc
  • Если вы не являетесь премиум-клиентом, вы можете войти в систему напрямую, используя учетные данные miniOrange.
  • После успешного входа в систему вы сможете просмотреть подробную информацию о своем аккаунте.
  • Теперь вы готовы настроить свой поставщик идентификации (IdP). Но важно сначала интегрировать фронтенд.

миниоранж img Интеграция расширения с TYPO3

  • Нажмите на Страницы из левой навигации.
  • Затем вам нужно создать папку для хранения данных пользователей фронтенда, щелкнув по ней правой кнопкой мыши. Главная страницу и выберите Новая подстраница.
  • Typo3 OAuth SSO создать интерфейс
  • Выбрать Папка Выберите нужный тип из выпадающего списка.
  • Typo3 OAuth openid SSO создать интерфейс
  • Назовите папку как Пользователи веб-сайта и нажмите на Сохранить.
  • Создание интерфейса пользователя с использованием OAuth от Typo3
  • Перейдите на вкладку «Поведение» и добавьте Пользователи веб-сайта в нем.
  • Typo3 OAuth SSO добавить пользователей сайта
  • Если рядом с созданной папкой вы видите красный дефис, это означает, что папка не активирована. Вы можете активировать её, щёлкнув правой кнопкой мыши по этой папке и выбрав соответствующий пункт. Включите.
  • Вам нужно добавить два STANDARD страницы внутри Главная страница. Если вы используете премиум-плагин, вы можете создать три страницы.
  • Здесь мы будем рассматривать названия страниц следующим образом: FEOIDC, ОТВЕТ, ВЫХОД (Выход из системы необязателен для клиентов с премиум-подпиской).
  • Чтобы создать FEIODC страница, щелкните правой кнопкой мыши на Главная затем выберите страницу Новая подстраница и STANDARD Выберите тип из выпадающего списка.
  • Typo3 OAuth SSO создать интерфейс
  • Добавить заголовок страницы как FEIODC и нажмите Сохранено.
  • Typo3 OAuth SSO создать интерфейс
  • И снова нажмите Страница FEIODC и нажмите на Добавить счастливымПерейдите в раздел плагинов и добавьте Плагин FEIODC и нажмите на Сохранено.
  • Typo3 OAuth SSO создать интерфейс Typo3 OAuth Single Sign-On select plugin
  • Перейдите на вкладку «Плагины» и выберите плагин FEIODC.
  • Typo3 OAuth SSO создать интерфейс
  • Добавить пользователей сайта Страница хранения записей и сохраните настройки.
  • Typo3 OAuth SSO создать интерфейс
  • Вы можете включить FEIODC страницу, щелкнув правой кнопкой мыши и выбрав Включите опцию.
  • Typo3 OAuth SSO создать интерфейс
  • Если вам необходимо внести изменения в сегмент URL, который также будет вашим исходным URL для единого входа (SSO), щелкните правой кнопкой мыши на странице FEOIDC, выберите «Редактировать» и нажмите кнопку «Переключить URL», чтобы установить URL в соответствии с вашими предпочтениями.
  • Выполните те же действия для создания и настройки стандартных страниц ответа.
  • Убедитесь, что для страницы ответа вы выберете плагин Response.
  • Держите FEIODC и ОТВЕТ URL-адреса страниц пригодятся, так как они понадобятся вам при настройке расширения OAuth/OpenID Connect.

Шаги по настройке единого входа (SSO) Google Apps OAuth и OpenID. Вход в Typo3.

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

Выполните следующие шаги, чтобы настроить Google Apps в качестве поставщика OAuth.

миниоранж img Настройте Google Apps в качестве поставщика OAuth.
  • Перейдите на https://console.developers.google.com/ и зарегистрируйтесь/войдите в систему.
  • Нажмите на Выберите проект для создания нового Программы Google При запуске проекта для клиента Typo3 OAuth вы увидите всплывающее окно со списком всех ваших проектов.
  • Google Apps G Suite SSO Typo3 создать новый проект
  • Нажмите на Новый проект кнопку создания нового проекта.
  • Google Apps G Suite SSO Typo3 создать новый проект
  • Введите Название проекта в поле «Название проекта» и нажмите Создавай.
  •  G Suite SSO с Typo3 OIDC OAuth (введите название проекта)
  • Перейдите на Меню навигацииAPIУслугиПолномочия.
  •  Единый вход G Suite с Typo3 OIDC OAuth, единый вход Google Apps для Typo3, учетные данные
  • Нажмите на Создание учетных данных кнопку, а затем выберите Идентификатор клиента OAuth Выберите один из вариантов, представленных в выпадающем меню.
  • Typo3 OAuth SSO OAuth client id
  • Выберите способ настройки и регистрации вашего приложения (Тип пользователя) и нажмите на кнопку. Создайте .
  • Вход в Google Apps Typo3: настройка экрана согласия
  • Если вы видите предупреждение о том, что для создания идентификатора клиента OAuth необходимо указать название продукта на экране согласия (как показано на изображении ниже), нажмите на кнопку Настроить экран согласия .
  • Настройка экрана согласия для Google Apps SSO для Typo3
  • Заполните необходимую информацию, например, Название приложения и адрес электронной почты службы поддержки пользователей.а затем выберите опцию «Сохранить и продолжить».
  • Вход в Typo3 через Google Apps, единый вход в Google Apps для Typo3, сохранение настроек. Сохраните настройки для входа в приложения Google Typo3.
  • Теперь для настройки областей нажмите Добавить или удалить области .
  • Единый вход G Suite с Typo3 OIDC OAuth, единый вход Google Apps для Typo3, создание идентификатора клиента OAuth.
  • Теперь выберите Области чтобы разрешить вашему проекту доступ к определенным типам личных данных пользователей из их учетной записи Google, нажмите Сохранить и продолжить .
  • Создание идентификатора клиента OAuth в G Suite SSO с помощью Typo3 OIDC OAuth, Google Apps SSO для Typo3
  • Перейдите на сайт Вкладка «Учетные данные» и нажмите на Создание учетных данных кнопка. Выбрать Веб приложение из раскрывающегося списка, чтобы создать новое приложение.
  • Единый вход G Suite с использованием единого входа Google Apps для Typo3, создание идентификатора клиента OAuth.
  • Введите имя, которое вы хотите использовать для своего идентификатора клиента, в поле «Имя» и введите URI перенаправления/обратного вызова из плагина Typo3 OAuth and OpenID Single Sign On (SSO) в рамках Авторизованное перенаправление В поле URI нажмите Создавай .
  • Единый вход Google Apps с Typo3. Единый вход Google Apps для Typo3, URL перенаправления.
  • Вы увидите всплывающее окно с идентификатором клиента и секретным кодом клиента. Скопируйте свой идентификатор клиента и Секрет клиента и сохраните это в конфигурации плагина Typo3 OAuth and OpenID Single Sign On (SSO).
  • Единый вход Google Apps для Typo3: идентификатор клиента, секретный ключ клиента | Единый вход Google Workspace для Typo3

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

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

  • После успешной настройки поставщика OAuth введите Имя поставщика OAuth, идентификатор клиента, Секрет клиента, Объем и предоставили конечные точки.

    Для настройки клиента OAuth, пожалуйста, обратитесь к приведенным ниже конечным точкам.


    Объем: Профиль электронной почты OpenID
    Авторизовать конечную точку: https://accounts.google.com/o/oauth2/auth
    Конечная точка токена доступа: https://www.googleapis.com/oauth2/v4/token
    Конечная точка для получения информации о пользователе: https://www.googleapis.com/oauth2/v1/userinfo
  • Нажмите на Сохранено чтобы сохранить настройки.
  • Typo3 SSO OAuth 2.0 SSO учетные данные Google Apps SSO
  • Нажмите на Тестовая конфигурация .
  • Учетные данные Typo3 OAuth, Google Apps SSO OAuth
  • В таблице вы увидите все значения, возвращаемые вашим OAuth-провайдером в Typo3. Если вы не видите значения для имени, фамилии, электронной почты или имени пользователя, внесите необходимые изменения в настройки вашего OAuth-провайдера, чтобы он возвращал эту информацию.
  • Вы успешно настроили Typo3 в качестве клиента OAuth. Теперь вы можете создать собственную кнопку SSO на своем сайте Typo3 Frontend и встроить в нее URL страницы FEOIDC для запуска SSO.
  • Typo3 OAuth 2.0 SSO Google Apps SSO

3: Сопоставление атрибутов (необязательно). *Это функция премиум-класса.

  • Сопоставление атрибутов можно осуществить на вкладке «Сопоставление атрибутов». В бесплатной версии расширения можно сопоставлять только имя пользователя и адрес электронной почты. Однако в премиум-версии расширения можно сопоставлять различные атрибуты, поступающие от вашего OAuth-провайдера, с атрибутами, присутствующими на вашем сайте Typo3.
  • Сопоставление атрибутов OAuth в Typo3, единый вход (SSO) в Typo3.

4: Групповое сопоставление (необязательно). *Это функция премиум-класса.

  • В бесплатном расширении можно указать роль по умолчанию, которая будет назначена всем пользователям, не являющимся администраторами, при проведении единого входа (SSO).
  • Перейдите на вкладку «Сопоставление групп» и выберите раздел «Сопоставление групп».
  • Выберите роль по умолчанию и нажмите кнопку «Сохранить».
  • Google Apps Typo3 SSO — Единый вход (SSO) в Typo3 от Google Apps — сопоставление ролей

Настроив Программы Google как Поставщик OAuth и Typo3 как OAuth-клиент Используя наше расширение Typo3 OAuth Client, вы успешно установили систему единого входа (SSO) Typo3 Google Apps. Благодаря этому решению, всего за несколько минут вы сможете обеспечить безопасный доступ к вашему сайту Typo3, используя учетные данные Google Apps.

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


Если вы ищете что-то, чего не можете найти, пожалуйста, напишите нам по адресу info@xecurify.com.

Привет!

Нужна помощь? Мы здесь!

поддержка