Как настроить единый вход Azure AD B2C в Shopify с помощью OpenID Connect для магазинов Plus и Non-Plus?

miniOrange позволяет Azure AD B2C действовать как Поставщик удостоверений (IdP) для Shopify, позволяя клиентам безопасно входить в ваш магазин Shopify, используя свои учетные данные Azure AD B2C, посредством единого входа (SSO).

Приложение Shopify SSO поддерживает оба Учетные записи клиентов Shopify и устаревшие учетные записи клиентовполностью совместим с Магазины Shopify Plus и обычные магазиныНаше решение идеально подходит для B2B-магазинов Shopify, которым требуется безопасный и централизованный вход в систему через Azure AD B2C. Оно бесперебойно работает с поставщиками идентификации, совместимыми с SAML 2.0, OAuth 2.0 и OpenID Connect (OIDC), обеспечивая гибкость и аутентификацию корпоративного уровня для продавцов Shopify.

Установите приложение Тарифный план

Предварительные условия: установка приложения.

• Войти в свой Администратор Shopify.
• Перейдите на Мини аппы → Купить магазин App Store
• Найдите Единый вход miniOrange (SSO)
• Нажмите Установите чтобы добавить приложение в свой магазин
• Откройте приложение из Мини аппы для начала настройки единого входа Azure AD B2C с использованием протокола OIDC

Пошаговое руководство по настройке единого входа Azure AD B2C в магазине Shopify.

Шаг 1: Получите URL-адрес обратного вызова из приложения Shopify SSO.

• Перейдите в свой магазин Shopify и найдите... Приложение раздела и нажмите Единый вход (SSO) Приложение.

• Нажмите на Добавить поставщика удостоверений кнопка для добавления вашего IDP.

• Выбрать OpenID Connect 1.0 протокол.

• Теперь выберите Azure B2C из списка поставщиков идентификационных данных (IDP).

• Скопируйте URL обратного вызова OAuth и держите его под рукой, так как он понадобится на следующих этапах.

Шаг 2: Настройка Shopify в качестве поставщика услуг (SP) в Azure B2C

• Войдите в Лазурный портал.
• Перейдите на главную страницу и в службах Azure выберите Azure B2C.

• Убедитесь, что вы находитесь в каталоге Azure AD B2C с активной подпиской; если нет, вы можете переключиться на нужный каталог.

• Теперь нажмите Регистрация приложений а затем нажмите на Новая регистрация опция для создания нового приложения Azure B2C.

• Настройте следующие параметры для создания нового приложения.
• Введите название вашего приложения в поле Имя текстовое поле.
• В поддерживаемых типах учетных записей выберите 3-й вариант. «Учетные записи в любом организационном каталоге (любой клиент Microsoft Entra ID — многопользовательский режим) и личные учетные записи Microsoft (например, Skype, Xbox)».
• Вставьте URL обратного вызова от Шаг 1 в URI перенаправления в разделе выберите платформу как Интернет, Нажать на Зарегистрировать филиал Кнопка для создания вашего приложения.

• После успешного создания приложения вы будете перенаправлены на страницу обзора созданного приложения. Если этого не произошло, вы можете перейти в раздел регистрации приложений, найти название своего приложения и отыскать его в списке.

• Скопируйте свой Идентификатор приложения (идентификатор клиента) и держите его под рукой.

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

• Скопируйте секретное значение со страницы «Сертификаты и секреты» и сохраните его как Секрет клиента и на Вашем Вход в Shopify с помощью единого входа (SSO) Приложение.

Шаг 2.1: Добавление пользователей в ваше B2C-приложение

• Перейдите на главную страницу, затем в Пользователи вкладку в левом углу.

• Нажмите на Создать нового пользователя опция на странице пользователя.

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

Шаг 2.2: Как создать и добавить политику

• Перейдите на сайт Пользовательские потоки вкладку, а затем нажмите Новый пользовательский сценарий.

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

• Заполните всю необходимую информацию, например, имя, поставщиков идентификационных данных и т. д., затем нажмите на кнопку. Создавай .

• Скопируйте значение имени политики. Оно понадобится при настройке конечных точек авторизации и токена.

Шаг 2.3: Добавьте пользовательские данные в ваше приложение.

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

• Выбрать Заявления на применение в настройках.

• Выберите необходимые атрибуты для отображения в конфигурации теста и сохраните её.

• Перейдите в раздел «Приложения» → Выберите приложение и перейдите в раздел Разрешения API меню.

• Нажмите на Добавить разрешение и затем Microsoft Graph API -> Делегированные разрешения выберите openid, Профиль область поиска и нажмите на Добавить разрешения .

• Нажмите на Согласие на предоставление гранта для кнопки «Демо».
• Перейдите во вкладку «Манифест» и найдите groupMembershipClaims изменить его значение на "Все" и нажмите на сэкономь .

Шаг 2.4: Конечные точки

• Перейдите на Регистрация заявок -> Endpoints.

• In знак и разрешение URL-адрес конечной точки, заменить с указанием имени вашей настроенной политики.

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

Шаг 3: Настройка Azure B2C в качестве поставщика идентификационных данных (IDP) в Shopify.

• Вернитесь к miniOrange Single Sign On-SSO Приложение.

• Нажмите на Добавить поставщика удостоверений кнопка для добавления вашего IDP.

• Выбрать OpenID Connect 1.0 протокол.

• Из списка поставщиков идентификационных данных (IDP) выберите Azure B2C.

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

• Нажмите на Сохранено.

Вы завершили настройку на стороне Shopify.

Шаг 4: Тестовые соединения

• После сохранения конфигурации поставщика идентификации (IDP) вы будете перенаправлены на страницу... Проверить подключение шаг.
  Перед сопоставлением или получением атрибутов выполните проверку соединения; проверка соединения гарантирует правильность конфигурации вашего поставщика идентификации.
• Нажмите на Проверить подключение .

• После ввода действительных учетных данных Azure B2C появится всплывающее окно, показанное на скриншоте ниже.

• Нажмите на Получение атрибутов кнопка для получения атрибута поставщика идентификации.

Шаг 5: Сопоставление атрибутов

• Нажмите на + Сопоставление атрибутов кнопка для сопоставления атрибутов между Shopify и Azure B2C.

• Сопоставьте атрибуты, используя таблицу ниже:

• Нажмите на Далее.

Шаг 6: Включение и тестирование настроек единого входа (SSO).

Выберите тип магазина Shopify:

• Магазин Non Plus
• Плюс магазин

Настройка единого входа (SSO) в магазинах Shopify, не являющихся подписчиками Plus.

Выберите тип учетной записи, которая активирована в вашем магазине Shopify:

• Средства клиентов
• Устаревшие учетные записи клиентов

Примечание: Если вы используете магазин, защищенный паролем, или работаете над магазином на платформе Shopify для разработки , нажмите здесь, чтобы настроить дайджест-cookie для витрины магазина, чтобы функция единого входа (SSO) работала в вашем магазине.

• Перейдите в панель управления приложения, включите расширение клиентских счетов как показано на изображении ниже.

• Включите Новые клиентские аккаунты расширение и нажмите на Сохранено.

• Перейдите на главную страницу приложения и включите опция переключения входа в систему IDP в отношении настроенного вами поставщика идентификации.

Разрешить завершение оформления заказа только пользователям с единым входом (SSO) — ограничить доступ для остальных.

Эта функция позволяет завершить процесс оформления заказа только пользователям, вошедшим в систему через единый вход (SSO). Другим пользователям будет отказано в возможности продолжить оформление заказа.

• Перейдите в Настройки.



• Откройте приложение Оформление заказа .



• Прокрутите вниз, в правила оформления заказа раздел, нажмите Добавить правил.



• Нажмите на Проверка SSO при оформлении заказа.



• Отмените выбор «Предоставить всем покупателям возможность завершить оформление заказа» вариант и нажмите на Сохранено.



• Теперь вы можете включать Правило оформления заказа.



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

Тестирование единого входа (SSO) для вашего магазина Shopify.

• Перейдите в свой магазин Shopify.(https:// )
• Нажмите на Значок входа пользователя.

• Вы будете перенаправлены на страницу входа в систему поставщика идентификационных данных (IDP), который вы настроили на предыдущем шаге. Войдите в систему, используя учетные данные вашей учетной записи IDP.
• Далее введите шестизначный одноразовый пароль (OTP), который будет отправлен на ваш зарегистрированный адрес электронной почты. (Это одноразовая процедура).

• Вы успешно вошли в свой магазин Shopify.

• Перейдите в панель управления приложения. Вы увидите предупреждение о необходимости добавить расширение кнопки входа на страницу «Аккаунт». Нажмите на него. Расширение виджета авторизации Для активации перейдите по ссылке, показанной на изображении ниже.

• Перейдите на главную страницу приложения и включите опция переключения входа в систему IDP в отношении настроенного вами поставщика идентификации.

• Если вы хотите настроить Единый вход в Shopify с использованием нескольких поставщиков идентификации (IDP)Затем выберите своего IDP из предоставленного списка. здесьи настройте единый вход (SSO) с использованием этого поставщика идентификации (IDP).
• Включите опция переключения входа в IDP для включения единого входа (SSO) в Shopify с использованием нескольких поставщиков идентификаторов (IDP).

Тестирование единого входа (SSO) для вашего магазина Shopify.

• Перейдите на страницу входа в свой магазин Shopify.(https:// /account/login)
• Нажмите на кнопка входа в систему Вы настроили это ранее.

• Вы будете перенаправлены на страницу входа в систему поставщика идентификационных данных (IDP). Теперь войдите в систему, используя свои существующие учетные данные.

• Если после входа в систему вы столкнетесь с ошибкой «недействительный или отсутствующий токен reCAPTCHA», сопровождаемой сообщением «Что-то пошло не так», обратитесь к этой информации. FAQ для устранения ошибки.

Настройка единого входа (SSO) в магазинах Shopify Plus

Выберите тип учетной записи, которая активирована в вашем магазине Shopify:

• Средства клиентов
• Устаревшие учетные записи клиентов

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

• Нажмите на Средства клиентов ссылка, как показано на изображении ниже.

• Выберите Средства клиентов Вариант, рекомендованный Shopify. Далее найдите Аутентификация вариант и нажмите на Управление.
• Если вы не нашли нужную опцию, пожалуйста, свяжитесь с нами. shopifysupport@xecurify.com для получения помощи.

• Нажмите на Управление поставщиками .

• Нажмите на Подключиться к поставщику услуг .

• Добавьте имя поставщика удостоверений и из Разработчик выпадающий, выберите Обычай или иное.

• Укажите такие данные, как: URL-адрес конечной точки обнаружения, идентификатор клиента, секретный ключ клиента, дополнительные области действия, параметр URI перенаправления после выхода из системы. что вы скопировали из выше шаг. Нажмите на Сохранено.

• После добавления поставщика идентификационных данных выполните следующие действия: Проверить подключение.

• После проверки процесса сделайте поставщика идентификации следующим: Активных.

• Перейдите на главную страницу приложения и включите опция переключения входа в систему IDP в отношении настроенного вами поставщика идентификации.

Тестирование единого входа (SSO) для вашего магазина Shopify.

• Перейдите в свой магазин Shopify.(https:// )
• Нажмите на Значок входа пользователя.

• Вы будете перенаправлены на страницу входа в систему поставщика идентификационных данных (IDP), который вы настроили на предыдущем шаге. Войдите в систему, используя учетные данные вашей учетной записи IDP.

• Вы успешно вошли в свой магазин Shopify.

Для входа используйте имя пользователя и пароль.

Если вы хотите добавить возможность входа в систему с использованием имени пользователя и пароля, а также входа через IDP для вашего B2B-магазина, нажмите здесь.

Для входа используйте одноразовый пароль (OTP) из электронной почты.

Если вы хотите добавить возможность входа в систему с использованием OTP-кода по электронной почте, а также возможность входа через IDP для вашего B2B-магазина, нажмите здесь.

• Теперь нажмите Руководство по установке Нажмите кнопку и выполните указанные шаги, чтобы получить токен для многопользовательского доступа.

• Включите Токен для многопроходного режима вариант. Обратитесь к этому. FAQ Чтобы получить значение токена Multipass, вставьте его в поле ниже.

• Нажмите на Сохранено.

• Перейдите в панель управления приложения. Вы увидите предупреждение о необходимости добавить расширение кнопки входа на страницу «Аккаунт». Нажмите на него. Расширение виджета авторизации Для активации перейдите по ссылке, показанной на изображении ниже.

• Перейдите на главную страницу приложения и включите опция переключения входа в систему IDP в отношении настроенного вами поставщика идентификации.

• Если вы хотите настроить Единый вход в Shopify с использованием нескольких поставщиков идентификации (IDP)Затем выберите своего IDP из предоставленного списка. здесьи настройте единый вход (SSO) с использованием этого поставщика идентификации (IDP).
• Включите опция переключения входа в IDP для включения единого входа (SSO) в Shopify с использованием нескольких поставщиков идентификаторов (IDP).

Тестирование единого входа (SSO) для вашего магазина Shopify.

• Перейдите на страницу входа в свой магазин Shopify.(https:// /account/login)
• Нажмите на кнопка входа в систему Вы настроили это ранее.

• Вы будете перенаправлены на страницу входа в систему поставщика идентификационных данных (IDP). Теперь войдите в систему, используя свои существующие учетные данные.

• Если вы столкнулись с ошибкой «недействительный или отсутствующий токен reCAPTCHA», сопровождаемой сообщением «Что-то пошло не так», обратитесь к этой информации. FAQ для устранения ошибки.

• Вы успешно вошли в свой магазин Shopify.

Таким образом, вы успешно настроили единый вход (SSO) Shopify, используя Azure B2C в качестве поставщика идентификации (IDP) и Shopify в качестве поставщика услуг (SP) . Для этого используется приложение для входа в систему miniOrange Single Sign-On (SSO). Это решение гарантирует, что вы сможете развернуть безопасный доступ к вашему магазину Shopify с использованием учетных данных Azure B2C в течение нескольких минут.

• Поддержка клиентов Shopify и учетных записей пользователей (старые версии). Обеспечьте бесперебойную единую авторизацию (SSO) Azure AD B2C для учетных записей клиентов Shopify, а также для устаревших или классических учетных записей клиентов.
• Поддержка магазинов Shopify Plus и обычных магазинов. Легко настройте единый вход Shopify Azure AD B2C для продавцов с подпиской Shopify Plus и без нее, не прибегая к сложной разработке пользовательских решений.
• Безопасные частные и вещевые хранилища Защитите частные, внутренние или эксклюзивные магазины Shopify, предоставив доступ только авторизованным пользователям Azure AD B2C. Это предотвратит просмотр страниц магазина неавторизованными или внешними пользователями.
• Вход для B2B и оптовой торговли Обеспечьте безопасный доступ для корпоративных клиентов, партнеров и дистрибьюторов, используя Azure AD B2C OAuth и вход через OpenID Connect для магазинов Shopify B2B и оптовых магазинов.
• Кроссплатформенная система единого входа Shopify Azure AD B2C Обеспечьте бесперебойный вход в систему Azure AD B2C для Shopify в настольных браузерах, мобильных браузерах и мобильных приложениях Shopify, используя единую учетную запись.
• Сопоставление атрибутов и профилей Автоматическое сопоставление атрибутов пользователей Azure AD B2C, таких как электронная почта, имя, теги клиентов, роли и метаполя Shopify, во время единого входа (SSO) для персонализированного управления доступом и сегментации клиентов.
• Единый выход (SLO) и расширенные сессии Повысьте безопасность с помощью функции единого выхода из системы Azure AD B2C (SLO) для Shopify и поддержите расширенное управление сессиями для более плавной и бесперебойной работы пользователей.