Shopify Hydrogen | Shopify Headless Ecommerce – примеры успешных проектов

Shopify Hydrogen — это фреймворк на основе React для создания безголовых витрин. Безголовая электронная коммерция Shopify (Hydrogen) позволяет создавать мощные, масштабируемые и безопасные магазины. miniOrange предоставляет комплексные решения по безопасности в Shopify с помощью наших приложений, таких как единый вход (SSO), двухфакторная аутентификация (SSA), вход через социальные сети, брандмауэр и т. д. Если вы хотите, чтобы пользователи входили в ваш безголовый магазин Shopify, используя учетные данные других приложений, вы можете просто сделать это с помощью нашего приложения единого входа (SSO) в Shopify. Для аутентификации пользователей в нашем безголовом магазине Shopify вы можете использовать наше приложение двухфакторной аутентификации (2FA). Некоторые из предоставляемых нами методов 2FA — это одноразовый пароль (OTP) через SMS, почту, Telegram, WhatsApp и т. д. В этом документе представлены решения для различных сценариев использования, которые ежедневно возникают для безголового магазина Shopify.

ПРИМЕР ИСПОЛЬЗОВАНИЯ 1: Интегрировать безголовую архитектуру Shopify с настраиваемым процессом оформления заказа, чтобы пользователям не нужно было повторно входить в систему при оформлении заказа.

У вас настроена система Shopify без графического интерфейса, где Shopify выступает в качестве бэкэнда, и вы хотите интегрировать свой магазин Shopify без графического интерфейса с процессом оформления заказа в Shopify, чтобы пользователям не приходилось повторно входить в систему при оформлении заказа в Shopify. Это возможно с помощью... miniOrange Store как приложение IDPИспользуя miniOrange Store в качестве приложения IDP, пользователи могут автоматически входить в систему во время оформления заказа, а их сессия в Hydrogen Store может сохраняться на протяжении всего процесса оформления заказа в Shopify, и им не потребуется повторно входить в систему. Более того, информация об их профиле может быть предварительно заполнена при оформлении заказа, и пользователи могут легко выбрать любой сохраненный адрес.

СЦЕНАРИЙ ИСПОЛЬЗОВАНИЯ 2: Переключить витрину магазина на Hydrogen на Shopify и настроить единый вход (SSO) на сайте Hydrogen.

Предположим, у вас есть интернет-магазин на Shopify, и вы хотите перейти на Hydrogen для улучшения показателей скорости загрузки страниц и сокращения времени отклика. При этом вы хотите разрешить всем пользователям Shopify входить на сайт, работающий на Hydrogen, используя свои существующие учетные данные, то есть вы хотите подключиться к магазину Shopify. Решение miniOrange для единого входаВы можете подключить веб-сайты, работающие на платформе Hydrogen, к Shopify и позволить пользователям входить в систему, используя всего один набор учетных данных. Одним щелчком мыши на Hydrogen вы получаете доступ ко всему магазину Shopify.

ПРИМЕР ИСПОЛЬЗОВАНИЯ 3: Подключение нескольких магазинов Shopify без графического интерфейса и обеспечение двусторонней синхронизации заказов, товаров и информации о пользователях.

У вас есть несколько магазинов Shopify с интерфейсом Headless, предназначенных для различных решений и услуг в сфере электронной коммерции. Есть разные магазины Headless для дилеров/оптовиков и разные магазины для розничных пользователей. Некоторые клиенты работают одновременно и как дилеры, и как розничные продавцы. Таким клиентам необходимо запоминать разные наборы учетных данных для доступа к каждому магазину.

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

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

ПРИМЕР ИСПОЛЬЗОВАНИЯ 4: Единый вход (SSO) на веб-сайт Shopify Hydrogen с использованием входа через социальные сети в качестве поставщиков идентификации и получение токена доступа клиента после SSO на веб-сайте Hydrogen.

У вас есть сайт Shopify Hydrogen, и клиенты хотят входить в систему, используя приложения социальных сетей, такие как Discord, Facebook, Google, LinkedIn, Twitter и многие другие, чтобы подключиться к магазину Shopify. miniOrange обеспечивает высокозащищенную защиту. Решение для единого входа в систему (Single Sign-On). Решение, позволяющее пользователям осуществлять единый вход (SSO) на веб-сайт Shopify Hydrogen, используя социальные сети в качестве поставщиков идентификации. Пользователи могут входить в систему через социальные сети как на этапе оформления заказа, так и вне его. После оформления заказа с использованием учетных данных социальной сети в Hydrogen, пользователям не потребуется повторно входить в систему на этапе оформления заказа в Shopify.

СЦЕНАРИЙ ИСПОЛЬЗОВАНИЯ 5: Ограничить возможность покупки определенных товаров покупателями из определенных стран и потребовать авторизации для доступа к определенной странице вашего магазина Shopify без графического интерфейса.

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

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

Вариант использования 6: Ограничение доступа к товарам, страницам, коллекциям или полноценному магазину без графического интерфейса на основе групп пользователей в поставщике идентификации и тегов, назначенных пользователям в Shopify.

У меня есть магазин Shopify с интерфейсом Headless, и я хочу ограничить доступ к товарам, страницам, коллекциям или целым магазинам Headless, чтобы защитить целостность контента и гарантировать, что доступ к информации будет только у предназначенных для этого пользователей. Кроме того, я хочу предотвратить просмотр конфиденциальной информации неавторизованными пользователями или ограничить доступ к определенным товарам или коллекциям для конкретных групп пользователей.

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

Посмотрите на график miniOrange Приложение для ограничения контента Доступ к товарам, страницам, коллекциям или магазинам без графического интерфейса может быть ограничен. Это приложение можно использовать для контроля того, какие товары, страницы и коллекции могут просматривать и покупать клиенты, или для ограничения доступа ко всему магазину без графического интерфейса. Ограничения могут быть применены путем назначения клиентов в определенные группы или путем присвоения тегов товарам, страницам и коллекциям. Например, определенные товары, страницы и коллекции могут быть помечены как «только для участников», и доступ к ним будут иметь только клиенты с таким тегом.

Пример использования 7: Подключение безголовых систем к существующим обычным магазинам и к другим платформам.

У меня есть существующий магазин Shopify, где я продаю свои товары. Я столкнулся с некоторыми проблемами. Рендеринг фронтенда и обработка бэкенда происходят в одном и том же приложении, что приводит к созданию ресурсоемких страниц (оформление заказа, обработка платежей, интеграция со сторонними сервисами), которые значительно замедляют работу моего магазина.

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

Гибкость архитектуры Headless Commerce дает компаниям возможность в полной мере продемонстрировать свою индивидуальность на своих сайтах электронной коммерции. Используя Headless Commerce, приложение miniOrange для синхронизации инвентаря Вы можете синхронизировать информацию о пользователях, данные о заказах или товарах, а также значения метаполей между этими магазинами или импортировать их из существующих магазинов Shopify.

СЦЕНАРИЙ ИСПОЛЬЗОВАНИЯ 8: Подтверждение одноразовым паролем при оформлении заказа гостем и двухфакторная аутентификация.

Когда продавцы разрешают гостям оформлять заказы в своих магазинах, они сталкиваются с проблемой поддельных заказов. Для решения этой проблемы владельцы магазинов могут использовать один из двух методов, описанных ниже, чтобы предотвратить поддельные заказы. Подтверждение OTP при оформлении заказа гостем — Когда пользователь попадает на страницу оформления заказа в магазине Headless Shopify, кнопка оформления заказа может быть отключена по умолчанию. Чтобы включить кнопку оформления заказа, пользователю потребуется пройти проверку OTP. Когда гость попадает на страницу оформления заказа, ему предлагается ввести свой номер мобильного телефона, нажав кнопку подтверждения OTP. Только после успешной проверки OTP кнопка оформления заказа будет активирована.

Двухфакторная аутентификация — Владельцы магазинов могут включить двухфакторную аутентификацию (2FA). Когда пользователь входит в систему, используя свой адрес электронной почты и пароль, ему предлагается подтвердить свой одноразовый пароль (OTP) на мобильный телефон. До завершения проверки OTP он не сможет получить доступ к магазину. Для дополнительной безопасности можно также использовать OTP по электронной почте. Таким образом, можно избежать поддельных заказов, предоставляя доступ к магазину только проверенным пользователям.

СЦЕНАРИЙ ИСПОЛЬЗОВАНИЯ 9: Единый вход в безголовый магазин Shopify через несколько поставщиков идентификации и доступ к определенным страницам, товарам или коллекциям на основе поставщика идентификации вошедшего в систему пользователя.

Существует магазин Shopify без графического интерфейса, и у вас есть клиенты, чьи конечные пользователи хранятся в нескольких поставщиках идентификации. Пользователи клиента A хранятся в OKTA, а пользователи клиента B — в AWS Cognito. Все конечные пользователи из нескольких поставщиков идентификации могут выполнить единый вход (SSO) в магазин Shopify без графического интерфейса и получить доступ к магазину, используя свои существующие учетные данные поставщика идентификации. Страницы и товары могут быть ограничены в зависимости от того, клиенты какой организации входят в систему. Только определенные страницы могут быть доступны для пользователей организации A или клиента A, а другой набор страниц, товаров или коллекций может быть доступен для пользователей организации B или клиента B после выполнения единого входа в магазин Shopify без графического интерфейса.