OpenID Connect を使用して、Plus ストアと非 Plus ストアで Shopify に Azure AD B2C SSO を設定する方法

miniOrange でできること Azure AD B2C として行動する アイデンティティプロバイダー (IdP) Shopifyの場合、顧客がシングルサインオン（SSO）を通じてAzure AD B2Cの認証情報を使用して、Shopifyストアに安全にログインできるようにします。

その Shopify SSOアプリ 両方をサポート Shopify顧客アカウントとレガシー顧客アカウントは、 Shopify Plusストアと非Plusストアまた、Azure AD B2C を介した安全で一元化されたログインを必要とする B2B Shopify ストアに最適です。当社のソリューションは、SAML 2.0、OAuth 2.0、および OpenID Connect (OIDC) に準拠した ID プロバイダーとシームレスに連携し、Shopify 加盟店に柔軟性とエンタープライズ グレードの認証を提供します。

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

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

• あなたにログインする Shopify管理者.
• に行く アプリ → Shopifyアプリストア
• 検索する miniOrange シングルサインオン – SSO
• 詳しくはこちら インストールを開始する アプリをストアに追加する
• アプリを開く アプリ OIDCプロトコルを使用してAzure AD B2C SSO構成を開始する

ShopifyストアへのAzure AD B2C SSOの設定手順ガイド

ステップ1: Shopify SSOアプリからコールバックURLを取得する

• Shopifyストアにアクセスし、 アプリ セクションとクリック シングル サインオン - SSO ログイン アプリケーション。

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

• 選択 オープンIDコネクト1.0 プロトコル。

• 今すぐ選択 アジュール B2C アイデンティティプロバイダー (IDP) のリストから選択します。

• コピー OAuth コールバック URL 後の手順で使用するので、手元に置いておきます。

ステップ 2: Azure B2C で Shopify をサービス プロバイダー (SP) として構成する

• にサインインする Azureのポータル.
• 「ホーム」に移動し、Azure サービスで選択します。 アジュール B2C.

• アクティブなサブスクリプションを持つ Azure AD B2C ディレクトリにいることを確認してください。そうでない場合は、正しいディレクトリに切り替えることができます。

• 今、クリックして アプリの登録 、次にをクリックしてください 新規登録 新しい Azure B2C アプリケーションを作成するオプション。

• 新しいアプリケーションを作成するには、次のオプションを構成します。
• の下にアプリケーションの名前を入力します。 名前 テキストフィールド。
• サポートされているアカウントの種類で、3 番目のオプションを選択します 「組織ディレクトリ内のアカウント（任意のMicrosoft Entra IDテナント - マルチテナント）および個人のMicrosoftアカウント（Skype、Xboxなど）」
• 貼り付け コールバックURL from ステップ 1 に選出しました。 URIをリダイレクトする セクションでプラットフォームを選択します ウェブ。 クリックします。 会員登録する アプリケーションを作成するには、ボタンをクリックしてください。

• アプリケーションの作成が成功すると、新しく作成されたアプリケーションの概要ページにリダイレクトされます。そうでない場合は、アプリの登録に移動してアプリケーションの名前を検索すると、リストにアプリケーションが見つかります。

• あなたのコピー アプリケーションID（クライアントID） そして手元に置いておいてください。

• ソフトウェアの制限をクリック 証明書と秘密 クリックして 新しいクライアントの秘密 クライアントシークレットを生成します。 説明を入力し、 追加

• 証明書と秘密のページから秘密の値をコピーし、 クライアントの秘密 自分で Shopify シングルサインオン (SSO) ログイン アプリケーション。

ステップ 2.1: B2C アプリケーションにユーザーを追加する

• ホームページに移動し、 ユーザー 左隅のタブ。

• ソフトウェアの制限をクリック 新しいユーザーを作成する ユーザーページのオプション。

• 選択 メールアドレス サインイン方法としてメールアドレスを入力してください。適切な 表示名 そしてあなたの パスワード 。 をクリックしてください レビュー+作成 クリックして 創造する テスト構成を実行するために、ユーザーの詳細情報を保存します。

ステップ2.2：ポリシーの作成と追加方法

• に行きます ユーザーフロー タブをクリックしてから 新規ユーザーフロー.

• ユーザー フロー タイプを選択します サインアップしてサインインする 次にをクリックしてください 創造する

• 名前、IDプロバイダーなどのすべての情報を入力し、クリックしてください。 創造する

• ポリシー名の値をコピーしてください。これは、認証エンドポイントとトークンエンドポイントを設定する際に必要になります。

ステップ 2.3: ユーザークレームをアプリケーションに追加する

• に行く ユーザーフロー 左隅のポリシーの下にあります。 構成されたポリシーを選択します。

• 選択 アプリケーションのクレーム 設定で。

• テスト構成に表示させたい属性を選択し、保存してください。

• 「アプリケーション」に移動 → アプリケーションを選択し、 API権限 タブには何も表示されないことに注意してください。

• 以下を行うには、 許可を追加する ボタンを押し、次に Microsoft Graph API -> 委任されたアクセス許可 select オープンID、プロフィール スコープをクリックし、 権限の追加

• 以下を行うには、 同意の付与 デモボタン用。
• 「マニフェスト」タブに移動して、 グループメンバーシップクレーム その値を "全て" とをクリックしてください 保存

ステップ 2.4: エンドポイント

• に行く アプリケーションの登録 -> Endpoints .

• In トークン (NAIST) と 承認 エンドポイント URL、置換設定したポリシー名を使用します。

Azure AD B2C を OpenID プロバイダーとして構成し、 Azure AD B2C シングルサインオン (SSO)を使用して Shopify ストアへのユーザー認証を実現しました。

ステップ3: ShopifyでAzure B2CをIDプロバイダー(IDP)として構成する

• に戻ります miniOrange シングル サインオン-SSO アプリケーション。

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

• 選択 オープンIDコネクト1.0 プロトコル。

• ID プロバイダー (IDP) のリストから、選択します。 アジュール B2C.

• 次に、次のような必要な詳細を入力します クライアント ID、クライアント シークレット、エンドポイント、およびスコープ.
• 値の設定については、以下の表を参照してください。

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

Shopify 側の設定が完了しました。

ステップ4: 接続をテストする

• アイデンティティプロバイダ（IDP）の設定を保存すると、 試験用接続 ステップ。
  属性のマッピングまたは取得を行う前に、接続テストを実行してください。接続テストにより、IDプロバイダーの設定が正しいことを確認できます。
• 以下を行うには、 試験用接続

• 有効な Azure B2C 資格情報を入力すると、下の画面に示すようなポップアップ ウィンドウが表示されます。

• 以下を行うには、 属性のフェッチ アイデンティティ プロバイダー属性を取得するためのボタン。

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

• 以下を行うには、 + 属性マッピング Shopify と Azure B2C の間で属性をマップするボタン。

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

• ソフトウェアの制限をクリック 次へ。

ステップ6: 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 ストアに正常にログインします。

これで、 Azure B2CをIDプロバイダー（IDP）、Shopifyをサービスプロバイダー（SP）として使用し、Shopifyシングルサインオン（SSO）の設定が完了しました。miniOrangeシングルサインオン（SSO）ログインアプリケーションを使用することで、Azure B2Cのログイン認証情報を使用してShopifyストアへの安全なアクセスを数分以内に展開できるようになります。

• Shopifyの顧客と旧アカウントのサポート Shopifyの顧客アカウントと従来の顧客アカウントの両方で、Azure AD B2Cのシームレスなシングルサインオン（SSO）を有効にします。
• Shopify Plusおよび非Plusストアのサポート 複雑なカスタム開発を行うことなく、Shopify Plus会員と非会員の両方の加盟店向けに、Shopify Azure AD B2C SSOを簡単に設定できます。
• 安全なプライベートストアとスワッグストア 認証済みのAzure AD B2Cユーザーのみにアクセスを許可することで、プライベートストア、社内ストア、または販促用ストアを保護します。これにより、認証されていないユーザーや外部ユーザーがストアフロントページを閲覧することを防ぎます。
• B2Bおよび卸売ログイン ShopifyのB2Bストアおよび卸売ストア向けに、Azure AD B2C OAuthとOpenID Connectログインを使用して、企業顧客、パートナー、販売代理店が安全にアクセスできるようにします。
• クロスプラットフォーム Shopify Azure AD B2C SSO 単一のIDを使用して、デスクトップブラウザ、モバイルブラウザ、およびShopifyモバイルアプリケーション全体で、ShopifyのAzure AD B2Cログインエクスペリエンスをスムーズに実現します。
• 属性とプロファイルのマッピング SSO中に、メールアドレス、名前、顧客タグ、役割、ShopifyメタフィールドなどのAzure AD B2Cユーザー属性を自動的にマッピングし、パーソナライズされたアクセス制御と顧客セグメンテーションを実現します。
• シングルログアウト（SLO）と拡張セッション Shopify向けAzure AD B2Cシングルログアウト（SLO）でセキュリティを強化し、拡張セッション管理をサポートすることで、よりスムーズで中断のないユーザーエクスペリエンスを実現します。