WeChat を ID プロバイダーとして使用して Shopify のシングル サインオン (SSO) を構成する方法を教えてください。

miniOrangeはWeChatをIDP（アイデンティティプロバイダー）として機能させ、ユーザーがWeChatの認証情報を使用してShopifyにシングルサインオン（SSO）できるようにします。当アプリケーションは、SAML/OAuthに準拠したすべてのアイデンティティプロバイダーと互換性があります。WeChatをIDP（アイデンティティプロバイダー）、ShopifyストアをSP（サービスプロバイダー）として使用して、Shopifyへのシングルサインオン（SSO）を設定する手順を順を追って説明します。

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

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

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

WeChatをIDプロバイダーとして使用したShopifyシングルサインオンの手順ガイド

ステップ1: Shopify SSOアプリケーションからリダイレクトURIを取得する

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



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



• 選択 OAuth 2.0 プロトコル。



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



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

ステップ2: WeChatでShopifyをサービスプロバイダー（SP）として設定する

• に行く https://open.weixin.qq.com/ WeChat 開発者アカウントにサインアップまたはログインします。
• 「アプリケーション」ページに移動し、「作成」をクリックします。 新しいアプリ

• あなたの〜を入力してください アプリケーション名 アプリの説明とアイコンを 2 つアップロードします。次にクリックします。 "次"
• 【注記：アイコン画像はPNG形式で28x28ピクセルと108x108ピクセル、ファイルサイズは最大300KBです】

• 次の作成画面で、 「承認されたコールバック URL」 あなたが得るもの ステップ 1.
• 以下を行うには、 ダウンロードリンク WeChat 登録フォームをダウンロードします。

• ダウンロードした WeChat 登録フォームを印刷し、フォームに記入し、署名済みバージョンを保存またはスキャンします。
• アプリケーション作成ページに戻り、「参照」ボタンをクリックして、WeChatで記入および署名済みのフォームをアップロードします。 送信

• 次に、クライアント ID とクライアント シークレットをコピーし、 顧客ID (NAIST) と クライアントシークレット Shopify シングル サインオン (SSO) アプリケーションで。

結論として、ユーザー認証のためのShopifyへのシングルサインオン（SSO）を実現するために、WeChatをOAuthプロバイダーとして正常に設定できました。

ステップ3: ShopifyでWeChatをOAuth 2.0 IDプロバイダーとして設定する

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

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

• 選択 OAuth 2.0 プロトコル。

• IDP のリストから、 カスタムIDP.

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

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

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

• IDP 構成を保存すると、次の場所にリダイレクトされます。 試験用接続 ステップ。
• 属性のマッピングや取得を行う前に、必ず接続テストを実行してください。接続テストにより、IDPの設定が正しいことを確認できます。
• 以下を行うには、 試験用接続



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



• 以下を行うには、 属性のフェッチ IDP 属性を取得するボタン。

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

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



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




Shopifyの属性名	事前定義された属性のリストから属性を選択します
属性タイプ	IDP 属性
属性値	IDP からフェッチした属性値を選択します



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

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

これで、 WeChatをOAuth IdPプロバイダーとして使用することで、Shopifyへのシングルサインオン（SSO）の設定が完了しました。ユーザーは既存のWeChatログイン情報を使用して、Shopifyストアに安全にログインできるようになります。