Как настроить единый вход (SSO) в Shopify, используя Apple в качестве поставщика идентификационных данных?

miniOrange позволяет Apple выступать в качестве поставщика идентификационных данных (IdP), предоставляя пользователям возможность входить в систему с помощью Единый вход (SSO) в Shopify с использованием учетных данных Apple.. В «Войти через Apple» Благодаря этой функции клиенты могут безопасно получить доступ к вашему магазину Shopify без необходимости создания отдельных учетных записей, что помогает снизить неудобства и повысить доверие.

Решение поддерживает оба варианта новые учетные записи клиентов Shopify и классические/устаревшие учетные записи, работает с Магазины Shopify Plus и обычные магазины, и идеально подходит для Бренды, работающие по модели D2C, магазины, работающие по подписке, и B2B-магазины.. Путем настройки Apple Shopify SSO, вы можете доставить Безопасная, ориентированная на конфиденциальность и удобная для пользователя система аутентификации для ваших клиентов.

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

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

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

Пошаговая инструкция по настройке Apple в качестве поставщика идентификации (OAuth) для единого входа в Shopify.

Шаг 1: Получение URI перенаправления для сервера OAuth.

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

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

• Выбрать OpenID Коннект 1.0 протокол.

• Теперь выберите Пользовательский IDP из списка внутренне перемещенных лиц.

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

Шаг 2: Настройка Apple в качестве поставщика идентификационных данных в Shopify.

• Прежде всего, войдите в систему, используя свой Аккаунт разработчика Apple и нажмите на аккаунт .



• Нажмите на Сертификаты, Идентификаторы и Профили в учетной записи Apple.



• В левом меню нажмите на Идентификаторы и после этого нажмите на Значок плюса (синего цвета). Нажмите на Продолжить для следующих двух страниц учетной записи Apple.



• Enter Описание и Идентификатор пакета для Идентификатор приложения. (Идентификатор пакета должен быть представлен в виде строки в обратном формате DNS.)



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



• Выбрать Включить в качестве основного идентификатора приложения и нажмите на Сохранить. Нажмите на Продолжить а затем нажмите Регистр.



• В правом углу нажмите на Продолжить, затем нажмите на Зарегистрировать филиал .
• Снова нажмите Значок плюса (синий цвет). Выберите Идентификаторы услуг и нажмите на Продолжить.



• Enter Описание и идентификатор (В поле «Идентификатор» будет ваш идентификатор клиента — скопируйте этот идентификатор и вставьте его в поле «Идентификатор клиента» выше). Нажмите на Продолжить а затем нажмите на Зарегистрировать филиал .



• Нажмите Ключи из меню слева. Нажмите на Значок плюса зарегистрировать новый ключ.



• Отдай свое Основные имя, выберите Войти через Apple и нажмите на Настроить .



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



• Скопируйте Идентификатор ключа и нажмите на Скачать После загрузки ключа нажмите на кнопку. Готово .



• В левом меню нажмите на Идентификаторы.
• В правом верхнем углу нажмите на Идентификаторы приложений.
• Выбрать Идентификаторы услуг в раскрывающемся меню.



• Выберите ID услуги из Списка.
• Выберите «Войти с Apple» и нажмите Настроить .



• Выберите Основной идентификатор приложения выберите из выпадающего списка и введите Домен (домен вашего магазина Shopify) и URL перенаправления (URL обратного вызова из приложения Shopify) в разделах «Домены» и «Поддомены», а также «Возвращаемые URL-адреса» соответственно. Нажмите на Следующая кнопка. (Вы получите доменное имя и URL-адрес перенаправления из приложения miniOrange SSO)



• Проверьте данные и нажмите на Готово После этого в правом углу нажмите на кнопку. Продолжить .
• Скопируйте Значение идентификатора и нажмите на Сохранено .
• Введите значение идентификатора в поле «Идентификатор клиента» и скопируйте его. загруженный ключ значение в секретном ключе клиента приложения Shopify SSO.

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

Шаг 3: Генерация секретного ключа

• Скачать установщик Ruby по следующей ссылке https://rubyinstaller.org/downloads/ а затем установите его.
• Найдите окно «Запустить командную строку с ruby». Откройте командную строку ruby ​​и установите gem JWT, выполнив следующую команду в командной строке: gem install jwt.
• Скопируйте приведенный ниже код в файл и сохраните его. .rb расширение. Сохраните этот файл .rb и загруженный файл .p8 в одной папке.
• Введите в код следующие значения:
  
  • Введите значение параметра key_file в качестве имени файла ключа, загруженного на шаге 1. Например: key_file = 'AuthKey_994H448YX2.p8'.
  • Введите значение идентификатора команды, ориентируясь на изображение ниже.
  
  • Введите значение идентификатора клиента в качестве значения идентификатора службы. Например: 'com.abc.xyz'.
  • Введите скопированное значение идентификатора ключа из Шаг 2 в key_id.

                        require 'jwt' key_file = 'key.p8' team_id = '' client_id = '' key_id = '' ecdsa_key = OpenSSL::PKey::EC.new IO.read key_file headers = { kid: key_id } claims = { iss: team_id, iat: Time.now.to_i, exp: Time.now.to_i + 86400*180, aud: 'https://appleid.apple.com', sub: client_id, } token = JWT.encode claims, ecdsa_key, 'ES256', headers puts token
                    

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

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

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

• Выбрать OpenID Коннект 1.0 протокол.

• Из списка внутренне перемещенных лиц выберите Пользовательский IDP.

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

• Теперь вы можете нажать на Сохранено.

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

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



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



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

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

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



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




Название атрибута в Shopify	Выберите атрибут из списка предопределенных атрибутов.
Тип атрибута	Атрибут IDP
Значение атрибута	Выберите значение атрибута, полученное от вашего поставщика идентификации (IDP).



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

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

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

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

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

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

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

Примечание: Если вы используете магазин, защищенный паролем или работая над Разработка магазина Shopify, нажмите здесь Чтобы настроить дайджест-куки для витрины магазина, чтобы система единого входа (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.

В этом руководстве вы выполнили следующие настройки. Единый вход Apple (SSO) установив Apple как поставщик идентификационных данных (IdP) и Shopify как Поставщик услуг (SP) используя Приложение miniOrange Shopify для единого входа (SSO). Благодаря этой настройке ваши пользователи теперь могут выполнять следующие действия: Единый вход (SSO) в Shopify с использованием учетных данных Apple. обеспечение современной, безопасной и удобной аутентификации во всем вашем магазине Shopify.