JWT プロトコルを使用して Shopify でシングル サインオン (SSO) を設定する方法は?

miniOrangeはJWTベースの認証に対応しており、 JWTトークンを使用してShopifyストアフロントへの安全でシームレスなシングルサインオン（SSO）を提供します。当社のソリューションはShopifyの顧客アカウントと従来のアカウントの両方をサポートしているため、あらゆるタイプのストアに適しています。Shopify Plusストアを運営している場合でも、Plus以外のストアを運営している場合でも、あるいは高度なShopify B2Bログイン機能が必要な場合でも、当社のShopify JWT SSOは拡張性の高い認証ソリューションを提供します。

当社のソリューションは、消費者、卸売業者、従業員向けに統一されたSSOアクセスを提供し、スムーズで安全なログイン体験を実現します。当社のアプリケーションは、Entra ID、Okta、Keycloakなど、SAML/OAuth準拠のすべてのIDプロバイダーと互換性があります。このガイドでは、ShopifyストアへのJWT統合の設定手順をステップバイステップでご説明します。

アプリケーションをインストールする 料金プラン

JWT (JSON Web Token) とは何ですか?

JWT（JSON Web Token）は、クライアントとサーバー間で情報を安全に共有するためのオープンスタンダードです。多くの場合、JSON形式でエンコードされたトークンには、クレームセットと署名が含まれています。クライアントは、認証情報を使用してサーバーに一度認証する必要があります。サーバーは認証情報を検証し、JSON Web Tokenをクライアントに配信します。 (JWT)クライアントは、ユーザー名やパスワードなどの資格情報を再度送信する必要がないように、この JSON Web Token (JWT) を使用してサーバーに対して自身を認証することができます。

このソリューションにより、セットアップが可能になります シングルサインオン(SSO) に 買い物をする そして経由して認証します JWT クライアントアプリケーションから。 JWT 認証によるシングル サインオン (SSO)ユーザーはクライアントアプリケーションにサインインする際に本人確認が行われ、その後、 買い物をする 追加のサインイン認証情報を入力する必要がありません。 Shopify JWT シングルサインオン クライアントアプリケーションによって認証され、アクセスできる 買い物をする.

ユーザーがクライアントアプリケーションにログインするたびに、JWT発行者はアプリケーションのユーザーベースからユーザーの詳細情報を取得し、ヘッダー、ペイロード、署名の3つの部分からなるJWTトークンを作成します。このJWTトークンはShopify SSOリンクに追加され、ユーザーがSSOリンクをクリックすると、署名検証プロセスが実行されます。署名が検証されれば、ユーザーは認証済みとみなされ、Shopifyストアへのアクセスが許可されます。そうでなければ、アクセスは拒否されます。

前提条件: アプリのインストール

• あなたにログインする Shopify管理者.
• に行く アプリ → Shopifyアプリストア
• 検索する miniOrange シングルサインオン – SSO
• 詳しくはこちら インストールを開始する アプリをストアに追加する
• アプリを開く アプリ JWT SSOの設定を開始する

ShopifyストアでJWTトークンを使用してシングルサインオンを設定するためのステップバイステップガイド

ステップ1: Shopifyシングルサインオン(SSO)アプリケーションでJWT認証を構成する

• あなたに行く 買い物をする に移動します アプリ セクションとクリック シングル サインオン - SSO ログイン アプリケーション。

• 以下を行うには、 ID プロバイダーの追加 ボタンをクリックして IDP を追加します。

• 選択 JWT プロトコル。

• 以下の表を参照して、以下のフィールドに入力してください。

• ソフトウェアの制限をクリック Save.
• 設定したアプリケーションに移動し、「アプリケーションキー」フィールドを探します。これは IdpIdentifier下の画像に示されています。

• SSO URL内でお客様IDをいつでもご確認いただけます。以下のスクリーンショットをご参照ください。

ステップ2: ShopifyへのシングルサインオンのためのSSOリンクを作成する

• 以下の URL 形式でデータを追加します。

URL 形式:

https://store.xecurify.com/moas/broker/login/jwt/callback/{customerId}/{idpIdentifier}/{jwtToken}?relay=https://store.xecurify.com/moas/broker/login/shopify/<store-domain>/account

• 値を置換した後、 シングル サインオン (SSO) リンクShopify ストアにリダイレクトされ、ログインします。

ステップ 3: 属性マッピング

• 以下を行うには、 + 属性マッピング 属性をマップするためのボタン。

• 以下の表を参照して属性をマッピングします。

• ソフトウェアの制限をクリック Save.

ステップ4: SSO構成の有効化とテスト

Shopifyストアタイプを選択:

• ノンプラスストア
• プラスストア

Plus以外のShopifyストアでのSSO設定

Shopify ストアで有効にしたアカウントの種類を選択します。

• お客様のアカウント
• レガシー顧客アカウント

注：パスワードで保護されたストアを使用している場合、またはShopify開発ストアで作業している場合は、ここをクリックしてストアフロントのダイジェストCookieを設定し、ストアでSSOが機能するようにしてください。

• アプリケーションダッシュボードに移動し、 顧客アカウント拡張機能 下の画像の通りです。

• 有効にします 新規顧客アカウント 拡張機能をクリックして Save.

• アプリケーションのホームページに移動し、 IDPログイン切り替えオプション 設定した IDP に対して。

SSOユーザーのみにチェックアウトを許可 - その他を制限

この機能により、シングルサインオン（SSO）でログインしたユーザーのみがチェックアウトプロセスを完了できるようになります。他のユーザーはチェックアウトを続行できなくなります。

• MFAデバイスに移動する 設定.



• Video Cloud Studioで 購入手続きへ進む のセクションから無料でダウンロードできます。



• 下にスクロールすると、 チェックアウトルール セクションをクリック ルールを追加する.



• ソフトウェアの制限をクリック SSOチェックアウト検証.



• を選択解除 「すべての顧客がチェックアウトを完了できるようにする」 オプションを選択し、クリックします Save.



• さて、次のことができます オンにする チェックアウトルール。



• SSO を実行せずにチェックアウトしようとすると、以下に示すようにエラーが表示されます。

Shopifyストアのシングルサインオン（SSO）をテストする

• Shopify ストアにアクセスします。(https:// ）
• 以下を行うには、 ユーザーログインアイコン.

• 前の手順で設定したアイデンティティプロバイダー（IDP）のログインページにリダイレクトされます。IDPアカウントの認証情報でログインしてください。
• 次に、登録したメールアドレスに送信される6桁のOTPを入力してください。（これは1回限りのプロセスです）

• Shopify ストアに正常にログインします。

• アプリケーションダッシュボードに移動すると、アカウントページにログインボタン拡張機能を追加するための警告ボックスが表示されます。 ログインウィジェット拡張機能 有効にするには、下の画像に示すようにリンクをクリックします。

• アプリケーションのホームページに移動し、 IDPログイン切り替えオプション 設定した IDP に対して。

• 設定したい場合 複数のIDPを使用してShopifyにSSOするリストからIDPを選択してください こちらそして、そのIDPを使用してSSOを設定します。
• 有効にします IDPログイン切り替えオプション 複数の IDP を使用して Shopify への SSO を有効にします。

Shopifyストアのシングルサインオン（SSO）をテストする

• Shopify ストアのログインページに移動します。(https:// /アカウント/ログイン)
• 以下を行うには、 ログインボタン 以前にカスタマイズしたものです。

• IDプロバイダー（IDP）のログインページにリダイレクトされます。既存のアカウントの認証情報でログインしてください。

• ログイン後、「reCAPTCHAトークンが無効または見つかりません」というエラーが表示され、「問題が発生しました」というメッセージが表示される場合は、こちらを参照してください。 FAQ エラーを解決します。

Plus Shopify ストアでの SSO 設定

Shopify ストアで有効にしたアカウントの種類を選択します。

• お客様のアカウント
• レガシー顧客アカウント

• SSOアプリケーションに戻り、 ストアに接続 タブには何も表示されないことに注意してください。
• コピー 検出エンドポイント URL クライアントID、クライアントシークレット、追加スコープ (NAIST) と ログアウト後のリダイレクト URI パラメータ 手元に置いておけます。

• 以下を行うには、 お客様のアカウント 下の画像のようにリンクします。

• まず お客様のアカウント Shopifyが推奨するオプションを選択します。次に、 認証 オプションをクリックして 管理 .
• オプションが見つからない場合は、 shopifysupport@xecurify.com 支援のため。

• 以下を行うには、 プロバイダーの管理

• ソフトウェアの制限をクリック プロバイダーに接続

• アイデンティティプロバイダ名を追加し、 プロバイダー のドロップダウンで、ANSYS Structures Desktopを選択します。 カスタムまたはその他の.

• 次のような詳細を入力してください 検出エンドポイント URL、クライアント ID、クライアント シークレット、追加スコープ、ログアウト後のリダイレクト URI パラメータ コピーしたもの 上記の. ステップ。クリック Save.

• アイデンティティプロバイダを追加したら、 試験用接続.

• フローを確認した後、アイデンティティプロバイダを次のようにします。 有効.

• アプリケーションのホームページに移動し、 IDPログイン切り替えオプション 設定した IDP に対して。

Shopifyストアのシングルサインオン（SSO）をテストする

• Shopify ストアにアクセスします。(https:// ）
• 以下を行うには、 ユーザーログインアイコン.

• 前の手順で設定したアイデンティティプロバイダー（IDP）のログインページにリダイレクトされます。IDPアカウントの認証情報でログインしてください。

• Shopify ストアに正常にログインします。

ユーザー名とパスワードを使用してログインする

B2BストアでIDPによるログインオプションに加えて、ユーザー名とパスワードによるログインも提供したい場合は、こちらをクリックしてください。

メールOTPを使用したログインを提供する

B2BストアでIDPによるログインオプションに加えて、メールOTPによるログインも提供したい場合は、こちらをクリックしてください。

• 今、 セットアップガイド ボタンをクリックし、記載されている手順に従ってマルチパス トークンを取得します。

• 有効にします マルチパストークン オプション。こちらを参照してください よくある質問 Multipass トークンの値を取得し、下のフィールドに貼り付けます。

• ソフトウェアの制限をクリック Save.

• アプリケーションダッシュボードに移動すると、アカウントページにログインボタン拡張機能を追加するための警告ボックスが表示されます。 ログインウィジェット拡張機能 有効にするには、下の画像に示すようにリンクをクリックします。

• アプリケーションのホームページに移動し、 IDPログイン切り替えオプション 設定した IDP に対して。

• 設定したい場合 複数のIDPを使用してShopifyにSSOするリストからIDPを選択してください こちらそして、そのIDPを使用してSSOを設定します。
• 有効にします IDPログイン切り替えオプション 複数の IDP を使用して Shopify への SSO を有効にします。

Shopifyストアのシングルサインオン（SSO）をテストする

• Shopify ストアのログインページに移動します。(https:// /アカウント/ログイン)
• 以下を行うには、 ログインボタン 以前にカスタマイズしたものです。

• IDプロバイダー（IDP）のログインページにリダイレクトされます。既存のアカウントの認証情報でログインしてください。

• 「reCAPTCHAトークンが無効または見つかりません」というエラーが発生し、「問題が発生しました」というメッセージが表示される場合は、こちらを参照してください。 FAQ エラーを解決します。

• Shopify ストアに正常にログインします。

Shopifyストアをサービスプロバイダー（SP）として設定し、JWTベースの認証によるJWT SSOをShopifyストアに正常に実装しました。この統合により、ユーザーはJWTトークンを使用してシングルサインオン（SSO）でShopifyストアにアクセスできるようになります。このJWT SSOは、消費者から従業員、卸売業者まで、あらゆるユーザータイプにシームレスな認証体験を提供します。

• Shopifyアカウントタイプの両方をサポート – Shopifyの顧客アカウントと従来のアカウントの両方に対応しており、シームレスなJWTログイン体験を実現します。
• プラス＆非プラスストア – Shopify Plusストアと非Plusストアの両方でJWT SSOを設定し、さまざまなビジネスストアのニーズに対応します。
• 卸売・B2Bログイン – JWTベースの認証を使用して、卸売業者と消費者の安全なB2Bログインを可能にします。
• 自動ログイン機能 – JWTトークンを使用すると、ユーザーを手動で認証することなく、Shopifyストアに自動的にログインさせることができます。
• マルチストア JWT SSO – JWT SSOを使用して複数のShopifyストアフロントにシームレスなログインフローを構築し、あらゆる種類のユーザーに一貫したユーザーエクスペリエンスを提供します。
• シングルログアウトと拡張ユーザーセッション – 一元化されたログアウト機能でセキュリティを強化し、24時間を超える長時間のセッションでもユーザーのログイン状態を維持します。
• ログイン後のリダイレクト – ユーザー属性またはビジネス要件に基づいて、JWT認証後にユーザーを特定のShopifyページにリダイレクトします。