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

概要

miniOrangeはAppleがアイデンティティプロバイダ（IdP）として機能できるようにし、ユーザーは Apple の認証情報を使用して Shopify にシングル サインオン (SSO) する。 とともに 「Appleでサインイン」 この機能により、顧客は別のアカウントを作成する必要なく、Shopify ストアフロントに安全にアクセスできるため、摩擦が軽減され、信頼が向上します。

このソリューションは両方をサポートします 新しいShopify顧客アカウントとクラシック/レガシーアカウント、 で動作します Shopify Plusと非Plusストア, 最適です D2Cブランド、サブスクリプションベースのストア、B2Bストアフロント設定することで Apple Shopify SSO、 あなたは配達できる 安全でプライバシーを重視し、ユーザーフレンドリーな認証エクスペリエンス あなたの顧客のために。

アプリケーションのダウンロード 料金プラン

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

AppleをIDプロバイダー（IDP）として使用してShopifyにSSOを設定するには、 miniOrange Shopify シングル サインオン - SSO ログイン アプリケーション あなたの店で。

構成手順

Apple を ID プロバイダーとして使用して Shopify ストアでシングル サインオンを構成するには、ステップ バイ ステップ ガイドに従います。

ステップ 1: OAuth サーバーのリダイレクト URI を取得する

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

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

• 選択する OpenID コネクト 1.0 プロトコル。

• 今すぐ選択 カスタムIDP IDP のリストから。

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

ステップ2: ShopifyでAppleをIDプロバイダーとして設定する

• まず、 Apple 開発者アカウント をクリックします。入力したコードが正しければ、MFAの設定は正常に完了します アカウント.



• ソフトウェアの制限をクリック 証明書, 識別子 および 対応プロファイル Appleアカウントで。



• 左側のメニューで をクリックします 識別子 その後、 プラスアイコン (青色)。 ソフトウェアの制限をクリック 続ける Apple アカウントの次の 2 ページです。



• Enter 詳細説明 および バンドルID アプリID。 (バンドル ID は逆 DNS スタイルの文字列である必要があります。)



• 機能 セクションを下にスクロールして選択します リンゴとサインする をクリックします 編集 リンクをクリックします。



• 選択する プライマリ アプリ ID として有効にする をクリックします。入力したコードが正しければ、MFAの設定は正常に完了します 保存します。 クリック 続ける クリックして 登録。



• 右隅にある をクリックします 続ける、次にクリックしてください 会員登録する
• もう一度クリックします プラスアイコン （青色）。 選択する サービスID をクリックします。入力したコードが正しければ、MFAの設定は正常に完了します 続ける.



• Enter 詳細説明 および 識別する （識別子はクライアントIDです - このIDをコピーして、上記のクライアントIDの欄に貼り付けてください）。クリック 続ける をクリックしてから、 会員登録する



• 詳しくはこちら キーズ 左側のメニューから。 クリックしてください プラスアイコン 新しいキーを登録します。



• あなたにあげなさい キー 名前、選択 Appleでサインイン をクリックします。入力したコードが正しければ、MFAの設定は正常に完了します 構成



• あなたの選択します。 プライマリID とをクリックしてください Save ボタンをクリックします。その後、右隅にある 続行して登録



• コピー キーID をクリックします ダウンロード ボタンをクリックします。キーがダウンロードされたら、 クリックします



• 左側のメニューでをクリックします 識別子。
• 右上の をクリックします アプリID。
• 選択する サービスID ドロップダウンメニューから選択します。



• あなたの選択します。 サービスID リストから。
• 「Apple でサインイン」を選択し、「 構成



• まず プライマリアプリID ドロップダウンから、 ドメイン (Shopify ストアのドメイン) と リダイレクト URL (Shopify アプリケーションからのコールバック URL) ドメインとサブドメイン、および戻り URL にそれぞれ含まれます。 クリックしてください 次へ ボタンをクリックします。（ドメイン名とリダイレクトURLはminiOrange SSOアプリケーションから取得されます）



• 詳細を確認し、 クリックします ボタンをクリックします。その後、右隅にある 続ける
• コピー 識別子の値 とをクリックしてください Save
• クライアント ID に識別子の値を入力し、 ダウンロードされたキー Shopify SSO アプリケーションのクライアント シークレットの値。

Apple 側の設定が正常に完了しました。

ステップ3: 秘密鍵の生成

• ダウンロード Rubyインストーラー 次のリンクから https://rubyinstaller.org/downloads/ インストールしてください。
• 「Rubyでコマンドプロンプトを起動」を検索します。Rubyコマンドプロンプトを開き、コマンドラインで次のコマンドを実行してJWT gemをインストールします：gem install jwt。
• 以下のコードをファイルにコピーし、ファイルを .rb 拡張子。この.rbファイルとダウンロードした.p8ファイルを同じフォルダに保存してください。
• コードに以下の値を入力します。
  
  • key_file の値として、手順 1 でダウンロードしたキー ファイルのファイル名を入力します。例: key_file = 'AuthKey_994H448YX2.p8'。
  • 以下の画像を参考にチームIDの値を入力してください。
  
  • サービス ID の識別子の値としてクライアント ID の値を入力します。例: 'com.abc.xyz'。
  • からコピーしたキー ID の値を入力します。 ステップ 2 key_id にあります。

                        require 'jwt' key_file = 'key.p8' team_id = '' client_id = '' key_id = '' ecdsa_key = OpenSSL::PKey::EC.new IO.read key_file headers = { kid: key_id } claims = { iss: team_id, iat: Time.now.to_i, exp: Time.now.to_i + 86400*180, aud: 'https://appleid.apple.com', sub: client_id, } token = JWT.encode claims, ecdsa_key, 'ES256', headers puts token
                    

ステップ4：ShopifyでAppleをIDPとして設定する

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

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

• 選択する OpenID コネクト 1.0 プロトコル。

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

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

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

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

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



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



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

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

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



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




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



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

ステップ7: 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トークンが無効または見つかりません」というエラーが表示され、「問題が発生しました」というメッセージが表示される場合は、こちらを参照してください。 よくあるご質問 エラーを解決します。

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トークンが無効または見つかりません」というエラーが発生し、「問題が発生しました」というメッセージが表示される場合は、こちらを参照してください。 よくあるご質問 エラーを解決します。

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

このガイドでは、 Apple シングル サインオン (SSO) 設定することで Apple をアイデンティティプロバイダ (IdP) として利用する そしてShopifyとして サービスプロバイダー（SP） miniOrange Shopify シングル サインオン (SSO) ログイン アプリ。 この設定により、ユーザーは以下を実行できるようになります。 Apple認証情報を使用してShopifyにシングルサインオン（SSO）する Shopify ストア全体で、最新かつ安全でスムーズな認証エクスペリエンスを実現します。

• 顧客アカウントの柔軟性 – 新しい Shopify 顧客アカウントとクラシック/レガシー アカウントの両方で機能します。
• Appleでサインイン – 顧客は Apple ID の認証情報を使用して、Shopify に即座にログインできます。
• プラス＆非プラスサポート – Shopify Plus および非 Plus 加盟店とシームレスに互換性があります。
• B2B & 卸売ログイン – B2B バイヤー、卸売ポータル、エンタープライズ ストアフロントの安全なアクセスを有効にします。
• プライバシー重視の認証 – 個人の電子メール アドレスを非表示にするオプションを提供し、顧客のプライバシーを保護します。
• スムーズなチェックアウト – ワンタップの Apple ID 認証により、ログインの障壁を減らし、コンバージョンを向上させます。
• 属性とユーザープロファイルのマッピング – Apple ID の詳細 (名前、メール、一意の識別子) を Shopify プロファイル、タグ、メタフィールドにマッピングします。
• クロスプラットフォームサポート – Shopify ウェブストアフロントと iOS モバイル アプリ全体で動作し、シームレスなログイン エクスペリエンスを保証します。

その他のリソース

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

Get in Touch

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