Настройка входа в магазин Shopify через Google — Вход через социальные сети Shopify Google

Обзор

Приложение miniOrange для входа через социальные сети Это приложение значительно упрощает вход в ваш магазин Shopify. С его помощью ваши пользователи смогут быстро использовать свои устройства. Google счету для входа в систему, будь то Магазин Shopify Plus или обычный магазинПосле включения авторизации через социальные сети Google пользователи смогут использовать свои предпочтительные учетные данные для доступа к вашему магазину Shopify. Пользователям не потребуется создавать несколько учетных записей, и они смогут входить в систему, используя свою учетную запись Google. Это обеспечивает высокий уровень безопасности и беспрепятственный доступ к магазину Shopify.

Как работает авторизация через социальные сети?

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

Скачать приложение

Тарифный план

Настройка единого входа (SSO) в учетные записи клиентов Shopify

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

Предварительные условия: приложение Shopify для входа через социальные сети.

Для настройки единого входа (SSO) в Shopify с использованием Google в качестве поставщика идентификации (IDP) вам потребуется установить следующее: Вход через социальные сети miniOrange приложение для вашего магазина Shopify.

Проверьте наши XNUMX году Чтобы узнать больше о том, как работает приложение для авторизации через социальные сети в Shopify.

Шаги настройки

Пошаговая инструкция по включению входа через Google в магазине Shopify

Шаг 1: Настройка пользовательского приложения для входа через Google.

Откройте приложение Консоль разработчиков Google и зарегистрируйтесь или войдите в систему, используя свою учетную запись разработчика Google.
В консоли разработчиков Google нажмите на Выберите проект.

Руководство по настройке входа через социальные сети с использованием Google Shopify SSO — Консоль разработчика Google

Нажмите на Новый проект создать новый проект Google Apps.

Руководство по настройке входа через социальные сети с использованием Google Shopify SSO — Новый проект Google Apps

Введите Название проекта (например, TestApp) и Место нахождения, Затем нажмите Создать.

Руководство по настройке входа через социальные сети с использованием - введите название проекта

Убедитесь, что ваш проект выбран в выпадающем списке, как показано на изображении. Если нет, откройте выпадающее меню, чтобы просмотреть свои проекты. Выберите тот, который вы только что создали — в нашем случае это «TestApp».

Руководство по настройке входа через социальные сети — убедитесь в наличии имени приложения.

Перейдите в Экран согласия OAuth в боковой панели.

Инструкция по настройке авторизации через социальные сети с использованием экрана согласия oAuth.

Обязательно выберите Внешний Тип пользователя >> Создать.

Руководство по настройке входа через социальные сети с использованием типа пользователя.

Настройте экран, войдя в свое приложение. Имя. Это может быть что угодно, на ваш выбор. Допустим, мы назовем это, например, «SocialLogin». Итак, начнем... Адрес электронной почты службы поддержки пользователей.

Инструкция по настройке входа через социальные сети: настройте экран, введя название вашего приложения.

В поле «Авторизованные домены» вставьте miniorange.com. Заполните Контактная информация разработчика. Затем нажмите Сохранить и продолжить.

Руководство по настройке входа через социальные сети - скопируйте авторизованный URL-адрес sp.

Продолжать Полномочия на боковой панели

Инструкция по настройке входа через социальные сети с использованием учетных данных Google — перейдите к боковой панели с данными.

Нажмите на Создать учетные данные, и Идентификатор клиента OAuth.

Руководство по настройке входа через социальные сети с использованием идентификатора клиента OAuth.

Выбрать веб приложение как Тип приложения

Руководство по настройке авторизации через социальные сети — тип приложения: веб-приложение

Вы можете изменить название Веб-клиент. Добавить авторизованные URI перенаправления

Руководство по настройке входа через социальные сети с использованием имени веб-клиента.

Поставьте Авторизованные URI перенаправления в https://shop.miniorange.com/social-login/openidcallback/google. Нажмите на Создавай

Руководство по настройке авторизации через социальные сети с использованием URL-адреса перенаправления OAuthorized.

Скопируйте сгенерированный идентификатор клиента и Секрет клиента, поскольку она будет использоваться на дальнейших этапах.

Руководство по настройке входа через социальные сети с использованием сгенерированного идентификатора клиента и секретного ключа клиента.

Таким образом, вы настроили пользовательское приложение для входа через Google.

Шаг 2: Настройка приложения Shopify для авторизации через социальные сети.

Перейдите в свой магазин Shopify. Мини аппы раздел и выберите Приложение miniOrange для входа через социальные сети.

Инструкция по настройке входа через социальные сети с использованием Google Shopify Single Sign-On.

Вы будете перенаправлены на Панель управления приложения для входа через социальные сети. Выбрать Google.

Руководство по настройке авторизации через социальные сети с использованием Google Shopify в качестве поставщика идентификации.

Вставьте ранее скопированный текст. идентификатор клиента и Секрет клиента как указано в таблице.

App ID	идентификатор клиента
Секрет приложения	Секрет клиента
Объем	email+профиль

Руководство по настройке авторизации через социальные сети с использованием Google SSO между двумя магазинами Shopify.

Нажмите на Сохранено чтобы сохранить учетные данные.

Теперь вы также настроили приложение miniOrange Social Login.

Шаг 3: Проверьте свою конфигурацию

Нажмите Тестовые конфигурации на Панель управления авторизацией через социальные сети для проверки вашей настройки.

Руководство по настройке входа через социальные сети с использованием Google Shopify SSO

Должно появиться всплывающее окно, как показано на изображении ниже.

Руководство по настройке входа через социальные сети с использованием Google Shopify SSO - Настройка IDP

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

Google Shopify SSO — добавление поставщика идентификации

К вашей Магазин Магазин >> Интернет-магазин >> Темы Нажмите на Настроить Как показано на изображении.

Единый вход Google (SSO) между двумя магазинами Shopify — Shopify SSO — добавление поставщика идентификации.

Перейдите на сайт Встраивание приложений Раздел и поверните mO Социальный вход виджет On

Раздел Google Shopify SSO — Встраивание приложений

Теперь вы видите кнопку входа через социальные сети Google на странице авторизации.

Google Shopify SSO - Импорт метаданных IDP

Таким образом, вы настроили вход через социальные сети Google в свой магазин Shopify.

Контакт

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

Содержание: