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

Обзор

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

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

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

Установить Единый вход в магазин Shopify с использованием Facebook в качестве поставщика идентификационных данных (OAuth)., вам нужно будет добавить Единый вход (SSO) в 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.

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

Вы завершили настройку Facebook в качестве поставщика идентификационных данных (OAuth) в вашем приложении Shopify SSO.

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

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

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

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

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

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

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

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

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

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

В этом руководстве вы выполнили следующие настройки. Единая авторизация (SSO) Facebook установив Facebook как поставщик идентификационных данных (IdP) и Shopify как поставщик услуг (СП) используя miniOrange Shopify Single Sign-On (SSO) Login AppБлагодаря этой настройке ваши пользователи теперь могут наслаждаться Единый вход (SSO) в Shopify с использованием учетных данных Facebook., доставляя Удобная, безопасная и дружественная аутентификация. Это повышает вовлеченность клиентов и снижает барьеры для входа в систему.

• Поддержка учетных записей клиентов – Работает как с новыми учетными записями клиентов Shopify, так и с классическими/устаревшими учетными записями.
• Вход через социальную сеть Facebook – Предоставьте пользователям возможность входить в систему, используя свои учетные данные Facebook, чтобы свести к минимуму сложности с регистрацией.
• Магазины Plus и Non-Plus – Совместимо как с продавцами, имеющими подписку Shopify Plus, так и с продавцами без подписки Plus.
• Увеличение конверсии – Сократите количество брошенных корзин, предложив быстрый способ входа через Facebook.
• Сопоставление атрибутов и профилей пользователей – Синхронизируйте данные пользователей Facebook (имя, электронная почта, фотография профиля) с профилями, тегами и метаполями Shopify.
• Кросс-платформенная поддержка - Работает на всех веб-сайтах Shopify и в мобильных приложениях, обеспечивая бесперебойный процесс авторизации.
• Единый выход из системы и управление сессиями – Централизованная обработка выходов из системы и сессий для обеспечения единообразной аутентификации пользователей.
• Поддержка нескольких поставщиков идентификации (IdP) – Объедините вход через Facebook с другими поставщиками идентификации (Google, Azure AD, Okta и т. д.) для гибкой аутентификации.

ДОПОЛНИТЕЛЬНЫЕ РЕСУРСЫ

• Решения по обеспечению безопасности Shopify
• Единый вход (SSO) в Shopify
• Ограничение контента Shopify
• Подписка на Shopify

Контакт

Пожалуйста, свяжитесь с нами по адресу shopifysupport@xecurify.comНаша команда поможет вам настроить приложение Shopify SSO. Мы поможем вам выбрать наиболее подходящее решение/план в соответствии с вашими потребностями.