の検索結果 :

×

Shopify 水素 | Shopify ヘッドレス e コマース – ケーススタディ


Shopify Hydrogen は、ヘッドレス ストアフロントを作成するための React ベースのフレームワークです。 Shopify ヘッドレス (Hydrogen) e コマースを使用すると、強力でスケーラブルで安全なストアを作成できます。 miniOrange は、シングル サインオン、2 要素認証、ソーシャル ログイン、ファイアウォールなどのアプリを使用して、Shopify 内で健全なセキュリティ ソリューションを提供します。ユーザーが他のアプリケーションの認証情報を使用してヘッドレス Shopify ストアにログインできるようにしたい場合は、 Shopify のシングル サインオン (SSO) アプリ。 Headless Shopify ストアでユーザーを認証するには、2 要素認証 (XNUMXFA) アプリケーションを使用できます。 当社が提供する XNUMXFA 方法には、SMS、メール、電報、Whatsapp などを介した OTP などがあります。このドキュメントには、ヘッドレス Shopify ストアで日常的に発生するさまざまなユースケースに対するソリューションが含まれています。

MiniOrange が提供するアプリについては、Shopify からダウンロードして読むことができます。 こちら.

ユースケース 1: ヘッドレス Shopify セットアップをカスタム チェックアウト フローと統合することで、ユーザーがチェックアウト時に再度ログインする必要がなくなります

Shopify Hydrogen - Shopify ヘッドレス eコマース - Shopify チェックアウト フローを備えたヘッドレス ストア

Shopify がバックエンドとして機能するヘッドレス Shopify セットアップがあり、ヘッドレス Shopify ストアを Shopify Checkout フローと統合して、Shopify でのチェックアウト時にユーザーが再度ログインする必要がないようにしたいと考えています。 これは、 IDP アプリケーションとしての miniOrange Store。 miniOrange Store を IDP アプリケーションとして使用すると、ユーザーはチェックアウト時に自動ログインすることができ、Hydrogen ストアのセッションを Shopify のチェックアウト フローに保持できるため、再度ログインする必要がなくなります。 さらに、チェックアウト時にプロフィール情報を事前に入力することができ、ユーザーは保存されているアドレスを簡単に選択できます。

ユースケース 2: Shopify でストアフロントを Hydrogen に切り替え、Hydrogen Web サイトで SSO を実行しようとしている

Shopify Hydrogen - Shopify ヘッドレス eコマース - Shopify のストアフロントを Hydrogen に切り替える

Shopify ストアフロントがあり、ページ速度の洞察と読み込み時間を向上させるために Hydrogen に切り替えたいと考えており、すべての Shopify ユーザーが既存の資格情報を使用して Hydrogen を利用した Web サイトにログインできるようにしたいとします。 Shopify ストア。 と miniOrange シングル サインオン ソリューション, Hydrogen を利用した Web サイトを Shopify に接続し、ユーザーが XNUMX セットの認証情報だけでログインできるようにすることができます。 Hydrogen を XNUMX 回クリックするだけで、Shopify ストア全体にアクセスできます。

ユースケース 3: 複数のヘッドレス Shopify ストアに接続し、注文、商品、ユーザー情報の双方向同期を可能にします。

Shopify Hydrogen - Shopify ヘッドレス eコマース - 複数のヘッドレス Shopify ストアを接続

さまざまな e コマース ソリューションおよびサービス用のさまざまな Headless Shopify ストアがあります。 ディーラー/卸売業者用のさまざまなヘッドレス ストアと、小売ユーザー用のさまざまなストアがあります。 顧客の中には、ディーラーと小売店を兼業している人もいます。 これらの顧客は、各ストアにアクセスするためにさまざまな資格情報のセットを記憶する必要があります。

これらの顧客が XNUMX セットの資格情報だけを使用して両方のストアにログインできるようにしたいと考えています。 さらに、これらのヘッドレス ストア間でユーザー データ、注文または製品データ、メタフィールド値などを同期し、あるストアで製品を追加または変更すると、その変更が他のすべてのストアに即座に送信されるようにしたいと考えています。

を使用して、好きなだけストアをリンクできます。 miniOrange シングル サインオン ソリューションこれにより、ユーザーは XNUMX セットの資格情報だけを使用してサインインし、これらのストア間でユーザー情報、注文データ、製品データ、またはメタ フィールド値を同期できるようになります。

ユースケース 4: ID プロバイダーとしてソーシャル ログインを使用して Shopify Hydrogen Web サイトに SSO し、Hydrogen Web サイトで SSO 後に顧客アクセス トークンを取得します

Shopify Hydrogen - Shopify ヘッドレス e コマース - ソーシャル ログインを使用した Hydrogen ストアへの SSO

Shopify Hydrogen Web サイトがあり、Discord、Facebook、Google、LinkedIn、Twitter などのソーシャル ネットワーキング アプリを使用してログインして Shopify ストアに接続したいクライアントがいます。 miniOrange は高度な安全性を提供します シングルサインオンログインソリューション ユーザーがアイデンティティ プロバイダーとしてソーシャル ログインを使用して Shopify Hydrogen Web サイトへの SSO を実行できるソリューション。 ユーザーはチェックアウト時とチェックアウト以外のフローの両方でソーシャル ログインできます。 ユーザーが Hydrogen のソーシャル ログイン認証情報を使用してチェックアウトすると、shopify でのチェックアウト時に再度ログインする必要はありません。

使用例 5: 特定の商品を購入する特定の国からの顧客を制限し、ヘッドレス Shopify ストアの特定のページへのログイン アクセスを要求する

Shopify Hydrogen - Shopify headless eコマース - Headless Shopify ストアへのアクセスを制限する

ヘッドレス Shopify ストアを持っていて、特定の国からの顧客が特定の商品を購入できるように制限したいと考えています。また、権限のないユーザーがストア内の特定のページにアクセスできないようにしたいと考えています。

使い方 miniOrange コンテンツ制限アプリケーション 顧客の国に発送しない商品をヘッドレス Shopify ストアから非表示にすることができ、顧客には自分の地域で発送できる商品のみが表示されます。 保護されたコンテンツを表示するためにメンバーが最初にログインする必要があるなど、ユーザーに最初にログインして特定のページへのアクセスを許可し、ストアの一部のページを誰でもアクセスできるようにすることができます。

使用例 6: ID プロバイダーのユーザー グループ、Shopify でユーザーに割り当てられたタグに基づいて、製品、ページ、コレクション、または完全なヘッドレス ストアへのアクセスを制限する

Shopify Hydrogen - Shopify headless eCommerce - Shopify Hydrogenストアの製品、ページなどへのアクセスを制限します

ヘッドレス Shopify ストアを所有しており、商品、ページ、コレクション、または完全なヘッドレス ストアへのアクセスを制限して、コンテンツの整合性を保護し、意図したユーザーのみが情報にアクセスできるようにしたいと考えています。 また、権限のないユーザーが機密情報を閲覧したり、特定の製品やコレクションへのアクセスを特定のユーザー グループに制限したりすることを防ぎたいと考えています。

Shopify ストアにアクセスする前に、ユーザーを使いやすいカスタム ログイン ページまたは登録ページにリダイレクトしたいと考えています。 ストアにログインしているか、スタッフメンバーによって承認されているユーザーは、Shopify で制限されている商品にアクセスまたは表示することができます。

使い方 miniOrange コンテンツ制限アプリケーション 製品、ページ、コレクション、またはヘッドレス ストアへのアクセスを制限できます。 このアプリケーションを使用すると、顧客が表示および購入できる製品、ページ、コレクションを制御したり、ヘッドレス ストア全体へのアクセスを制限したりできます。 制限は、顧客を特定のグループに割り当てるか、製品、ページ、コレクションにタグを付けることによって適用できます。 たとえば、特定の製品、ページ、コレクションを「メンバー限定」としてタグ付けし、「メンバー」タグを持つ顧客のみがそれらにアクセスできるようにすることができます。

ユースケース 7: ヘッドレスと既存の非ヘッドレスストアおよび他のプラットフォームとの接続

Shopify Hydrogen - Shopify ヘッドレス e コマース - ヘッドレスを既存の非ヘッドレス ストアと接続する

私の製品を販売する既存の Shopify ストアがあります。 私の店ではいくつかの問題に直面しています。 フロントエンドのレンダリングとバックエンドの処理が同じアプリケーション内で行われるため、重いページ (チェックアウト、支払い処理、サードパーティの統合) が発生し、ストアの速度が大幅に低下します。

ビジネスオーナーとして、私は Shopify ストアにもっと柔軟性を求めています。 すべては現代のトレンドに帰着します。 もし私が遅れをとったら、私のビジネスは他の企業との競争に勝てなくなるかもしれません。 そこで、Headless Shopify ストアに移行したいと考えています。 すべての製品、注文、顧客情報、メタ フィールド値を既存のストアからヘッドレス ストアにインポートして同期したいと考えています。

ヘッドレス コマースの柔軟性により、企業は e コマース サイトで自社の個性を最大限に発揮する機会が得られます。 の使用 miniOrange 在庫同期アプリケーション これらのストア間でユーザー情報、注文データ、商品データ、メタフィールド値を同期したり、既存の Shopify ストアからインポートしたりできます。

ユースケース 8: ゲストチェックアウト時の OTP 検証と 2FA 認証

Shopify Hydrogen - Shopify headless eコマース - Headless Shopify ストアのゲスト チェックアウト時の OTP 検証

販売業者が顧客に店頭でのチェックアウトを許可すると、偽の注文の問題に直面します。 この問題に対処するには、ストアの所有者は、以下に説明する XNUMX つの方法のいずれかを使用して、偽の注文を防ぐことができます。 ゲストチェックアウト時の OTP 検証 - ユーザーがヘッドレス Shopify ストアのチェックアウト ページにアクセスすると、チェックアウト ボタンをデフォルトで無効にすることができます。 チェックアウト ボタンを有効にするには、ユーザーは OTP 検証を行う必要があります。 ゲスト ユーザーがチェックアウト ページにアクセスすると、OTP 確認ボタンをクリックして携帯電話番号を入力するよう求められます。 OTP 検証が成功した後のみ、チェックアウト ボタンが有効になります。

2FA認証 - ストアの所有者は、ストアで 2FA 認証を有効にすることができます。 ユーザーが電子メールとパスワードを使用してログインすると、携帯電話番号で OTP 検証を求めるプロンプトが表示されます。 OTP 検証が完了するまで、ストアにアクセスできません。 追加のセキュリティ層として、電子メール上の OTP に対して 2FA を実装することもできます。 このように、認証されたユーザーのみがストアにアクセスできるようにすることで、偽の注文を回避できます。

使用例 9: 複数の ID プロバイダー経由でヘッドレス Shopify ストアにシングル サインオンし、ログインしているユーザーの ID プロバイダーに基づいて特定のページ、製品、またはコレクションにアクセスする

Shopify Hydrogen - Shopify ヘッドレス eコマース - 複数の IDP を介したヘッドレス Shopify ストアへの SSO

ヘッドレス Shopify ストアがあり、エンドユーザーが複数の ID プロバイダーに保存されているクライアントがあります。 クライアント A ユーザーは OKTA に保存され、クライアント B ユーザーは AWS Cognito に保存されます。 複数の ID プロバイダーのすべてのエンドユーザーは、ヘッドレス Shopify ストアへの SSO を実行し、既存の ID プロバイダーの認証情報を使用してストアにアクセスできます。 ページと製品は、どの組織の顧客がログインしているかに基づいて制限できます。特定のページのみを組織 A またはクライアント A のユーザーが使用できるようにし、別のページ、製品、またはコレクションのセットを組織 B またはクライアント B のユーザーが使用できるようにすることができます。ヘッドレス Shopify ストアへのシングル サインオン。


お困りですか?

メールでお問い合わせください shopifysupport@xecurify.com お客様の要件に関する迅速なガイダンス(電子メール/会議経由)が必要です。当社のチームは、お客様の要件に応じて最適なソリューション/プランの選択をお手伝いします。


こんにちは!

助けが必要? 私たちはここにいます!

サポート
miniOrange サポートにお問い合わせください
成功

お問い合わせありがとうございます。

24 時間以内に当社からのご連絡がない場合は、お気軽にフォローアップ メールを送信してください。 info@xecurify.com