Line を ID プロバイダーとして使用する Shopify OAuth シングル サインオン (SSO)

概要

miniOrangeは、 Shopifyシングルサインオン（SSO）アプリケーションを利用して、LINEの認証情報を使用してShopifyへのシングルサインオン（SSO）を実行できるようにします。当社のアプリは、すべてのSAML/OAuth準拠のIDプロバイダーと互換性があります。以下では、LINEをIDプロバイダー（IdP）、Shopifyストアをサービスプロバイダー（SP ）として使用して、 Shopifyへのシングルサインオン（SSO）を設定する手順を順を追って説明します。

Shopify SSOプラグインは、属性マッピングやロールマッピングなどの高度な機能を提供します。さらに、シングルサインオン（SSO）を使用してShopifyストアを完全に保護します。LINE OAuth SSOはユーザー認証を強化し、ログインプロセスを効果的に保護します。

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

前提条件: シングル サインオン - SSO ログイン アプリケーション

LINEをIDプロバイダー（IdP）として使用してShopifyにSSOを設定するには、ストアにminiOrange Shopify Single Sign-On - SSOログインアプリケーションをインストールする必要があります。

構成手順

Line を ID プロバイダーとして使用して Shopify ストアでシングル サインオンを行うためのステップバイステップ ガイドに従ってください。

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

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

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

• 選択 OAuth 2.0 プロトコル。

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

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

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

• 仕様書や製品情報の確認は、 ライン開発者コンソール.
• どちらでも 会員登録について or ログイン 既存の Line Developer アカウントを使用します。
• として チャンネルタイプ、選択する LINEログイン ドロップダウンから選択します。

• 必要な詳細をすべて入力し、必ず選択してください Webアプリ 下 アプリの種類.

• Line開発者契約のチェックボックスをオンにして、 創造する

• に移動します ラインログイン タブには何も表示されないことに注意してください。

• 加えます OAuth コールバック URL Shopify SSOアプリケーションから ステップ 1.

• 以下を行うには、 基本設定 タブ、コピー チャンネルID (NAIST) と チャンネルシークレット 基本情報セクションから。
• これを使用します チャンネルID (NAIST) と チャンネルシークレット さらに設定するには。

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

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

• に戻ります miniOrange シングル サインオン-SSO アプリケーションをクリックして ID プロバイダーの追加

• 選択 OAuth 2.0 プロトコル。

• アイデンティティプロバイダ（IdP）のリストから、 カスタム IdP.

• 以下の表を参照して、次のフィールドに入力します。

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

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

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

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

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

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

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

• ソフトウェアの制限をクリック 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 ストアに正常にログインします。

その他のリソース

• Shopify セキュリティ ソリューション
• Shopify シングルサインオン (SSO)
• Shopify コンテンツの制限
• Shopify サブスクリプション
• Shopify – Okta SCIM のプロビジョニングとプロビジョニング解除

Get in Touch

shopifysupport@xecurify.comまでご連絡ください。弊社のチームがShopify SSOアプリケーションの設定をお手伝いいたします。また、お客様のご要望に応じて最適なソリューション／プランをご提案いたします。