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

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

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

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

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

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

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

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

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

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

• Выбрать ОАут 2.0 протокол.

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

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

Вы успешно получили URL-адрес обратного вызова (URI перенаправления) от Shopify.

Шаг 2: настройте Facebook как поставщика OAuth

• Для начала перейдите в консоль разработчиков Facebook и нажмите... здесь и зарегистрируйтесь/войдите в систему, используя свою учетную запись разработчика Facebook.

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

• Затем выберите Разрешите пользователям входить в систему с помощью своей учетной записи Facebook. выберите вариант использования, а затем нажмите Следующая.

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

• Перейдите на Настройки приложения -> Основные Чтобы просмотреть свой идентификатор приложения (App ID) и секретный ключ приложения (App Secret). App ID Ваш идентификатор клиента и Секрет приложения Ваш Секрет клиентаСохраните эти значения, так как они понадобятся вам позже для настройки приложения Shopify Single Sign-On (SSO) (см. изображения ниже).
• Домен приложения: Укажите там доменное имя вашего сайта.
• URL политики конфиденциальности: В этом поле укажите URL-адрес страницы с политикой конфиденциальности вашего сайта.
• Условия предоставления услуг: В этом поле укажите URL-адрес страницы с условиями использования вашего сайта.
• Удаление пользовательских данных: В выпадающем списке выберите URL-адрес страницы с инструкциями по удалению данных (введите URL-адрес вашей страницы с инструкциями о том, как пользователи могут удалить свои учетные записи на вашем сайте).
• Выбрать Категория Выберите из выпадающего списка в поле «Категория» следующее: Назначение приложения Выберите вариант, который лучше всего описывает ваше приложение, затем нажмите Сохранить изменения для сохранения ваших конфигураций.

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

• Далее введите свой URL-адрес магазина Shopify (store.xecurify.com) и нажмите Сохранено, Затем нажмите Продолжить.

• Нажмите на Use cases вкладка слева, а затем нажмите на Настроить кнопка, которая появляется рядом с Аутентификация и создание учетной записи пункт.

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

• Под Вход через Facebook >> настройки в этом разделе нажмите «Перейти к» настройки кнопку, чтобы добавить URL перенаправления/обратного вызова (из шага 1).

• В Допустимые URI перенаправления OAuth добавить поле URL перенаправления/обратного вызова который вы получите через приложение Shopify Single Sign-On (SSO). Нажмите на Сохранить изменения .

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

Вы успешно настроили Shopify в качестве поставщика услуг в приложении Facebook.

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

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

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

• Выбрать ОАут 2.0 протокол.

• Из списка внутренне перемещенных лиц выберите Facebook.

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

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

Шаг 4: Проверить соединение

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

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

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

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

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

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

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

Шаг 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) через Facebook, указав Facebook в качестве поставщика идентификационных данных (IdP) и Shopify в качестве поставщика услуг (SP) с помощью приложения miniOrange Shopify Single Sign-On (SSO) Login . Благодаря этой настройке ваши пользователи теперь могут использовать единый вход (SSO) в Shopify с помощью учетных данных Facebook , обеспечивая бесперебойную, безопасную и удобную аутентификацию , которая повышает вовлеченность клиентов и снижает барьеры для входа в систему.