AWS Cognitoをユーザーストアとして使用して、Shopifyのシングルサインオン（SSO）を設定する方法は？

miniOrangeは、AWS CognitoをIDプロバイダー（IdP）として機能させることで、ユーザーがAWS Cognitoの認証情報を使用してShopifyにシングルサインオン（SSO）で安全にアクセスできるようにします。当社のソリューションは、お客様独自のIDプロバイダーを顧客アカウントに接続することをサポートし、さまざまなShopifyの設定への統合を容易にします。

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

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

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

AWS CognitoをUserstoreとして使用したShopify SSOの手順ガイド

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

• あなたに行く 買い物をする、をクリックしてください アプリ タブを選択し、 シングル サインオン - SSO ログイン アプリケーション。

• 以下を行うには、 IDPのセットアップ ナビゲーションバーの左上にあるボタン。

• 左側のナビゲーションバーから選択します SSO の構成 をクリックします。入力したコードが正しければ、MFAの設定は正常に完了します IDプロバイダーの追加

• 見つけることができます OAuth コールバック URL/リダイレクト URI に選出しました。 OAuth 2.0 このセクションを参照してください。OAuthコールバックURLは後で必要になるので、手元に置いておいてください。

ステップ2：AWS Cognitoの設定

A] ユーザープールを構成する手順

• にサインイン AWS Amazon.
• 検索ボックスに「Cognito」と入力し、ドロップダウンメニューから「Cognito」を選択してください。

• に行く 「ユーザープールを管理する」.

• 以下を行うには、 「ユーザープールを作成する」.

• プール名を追加して選択します 「デフォルトの確認」.

• 以下を行うには、 編集アイコン 下の図のようになります。

• ここで、有効にします。 メールアドレスと電話番号 オプションをクリックしてクリックします 次のステップ

• ソフトウェアの制限をクリック 「アプリクライアントを追加」 そしてクリックしてください アプリクライアントを追加する.

• アプリクライアント名を入力し、 クライアント シークレットの生成を無効にする オプション。 を有効にする ユーザー名 パスワードベースの認証 オプションを選択し、クリックします 「アプリクライアントを作成」.

• 以下を行うには、 プールの詳細に戻る 設定画面に戻ります。

• 以下を行うには、 プールの作成 設定を保存してユーザープールを作成するには、このボタンをクリックしてください。

• 左側にあるナビゲーション バーで、 アプリクライアント設定 アプリ統合メニューのオプション。

• Cognito ダッシュボードに移動し、選択します 「Cognitoユーザープール」、そして前提条件からコピーしたコールバック URL を追加します。
• アプリケーションのホームページ URL を追加する必要があります サインアウト URL.
• また、 認証コードの付与 「許可された OAuth フロー」として選択 電子メール、OpenID、およびプロファイル 「許可されたOAuthスコープ」として。
• すべての詳細を選択したら、 変更を保存します

• に行く 「アプリクライアント」 をクリックします。入力したコードが正しければ、MFAの設定は正常に完了します 「詳細を表示」 クライアントIDを取得してください。（後で必要になるので、クライアントIDは手元に保管しておいてください。）

• に行く ドメイン名 アプリのドメイン名を入力してください。ドメイン名を追加したら、「利用可能性を確認」ボタンをクリックして、そのドメイン名が利用可能かどうかを確認できます。有効なドメイン名を入力したら、「変更を保存」ボタンをクリックしてください。

• 完全なドメイン名: miniOrangeダッシュボードに入力する必要のある完全なドメイン名は次のとおりです。 {ドメイン名}.auth.{リージョン名}.amazoncognito.com
• ユーザー/グループを Cognito アプリに追加します。 に行く ユーザーとグループ クリックして ユーザー. その後、クリックしてください ユーザーを作成.

• 必要な情報をすべて入力し、クリックします ユーザーを作成.

• ソフトウェアの制限をクリック グループ クリックして グループを作る.

• 埋める 必要な情報をすべて入力し、クリックしてください。 グループを作る.

B] ID プールを構成する手順。

• に行く フェデレーション ID をクリックします。入力したコードが正しければ、MFAの設定は正常に完了します 新しい ID プールの作成

• 入力する ID プール名 有効にする 認証されていないアイデンティティ の三脚と 認証フローの設定、 次に、 プールを作成する

• 以下を行うには、 許可する ボタンをクリックすると、 ID プール ID.

AWS Cognito 側の設定が完了しました。

ステップ3：ShopifyをSP（サービスプロバイダー）として設定する

• もう一度、Shopify ストアに移動し、 アプリ タブを選択し、 シングル サインオン - SSO ログイン アプリケーション。

• 以下を行うには、 IDPのセットアップ ナビゲーションバーの左上にあるボタン。

• 左側のナビゲーションバーから選択します ユーザーストア をクリックします ユーザーストアの追加

• 選択する AWSコグニート.

• 次の値を入力します。

• 今、あなたはクリックすることができます Save.

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

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

• IDP設定を保存すると、 試験用接続 ステップ。
  属性をマッピングまたは取得する前にテスト接続を実行してください。テスト接続により、IDP 構成が正しいことが確認されます。
• 以下を行うには、 試験用接続

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

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

これで、Shopify と AWS Cognito の間に SSO が設定されました。

ステップ5: 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、クライアントシークレット、追加スコープ の三脚と ログアウト後のリダイレクト 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 ストアに正常にログインします。

したがって、miniOrange Shopifyシングルサインオン（SSO）アプリケーションを使用して、AWS CognitoをIDプロバイダー（IdP）として、Shopifyをサービスプロバイダー（SP）として設定することにより、AWS Cognitoシングルサインオン（SSO）を構成しました。このソリューションは、新規および既存の顧客アカウントの両方をサポートし、Shopify Plusストアと非Plusストアの両方で動作し、B2Bおよび卸売ストアフロントへの安全なアクセスを提供します。