Apple を IDP として使用する Shopify の OAuth シングル サインオン (SSO) | Apple で Shopify ログイン

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

Apple を IDP として使用して Shopify に SSO を設定するには、Shopify ストアに miniOrange シングル サインオン - SSO アプリケーションをインストールする必要があります。

Shopify への Apple シングル サインオン (SSO) ログインを構成する手順

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

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

• セットアップボタンをクリックすると、セットアップが開始されます IDPのセットアップ ナビゲーションバーの左上にあるボタン。

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

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

2. Apple での設定

• まず、に行きます https://developer.apple.com 、「アカウント」をクリックし、Apple 開発者アカウントでログインします。
  
  
  
• ソフトウェアの制限をクリック 証明書、識別子 & Apple アカウントのプロファイル.
  
  
• 左側のメニューで をクリックします 識別子 その後、 プラスアイコン (青色)。 ソフトウェアの制限をクリック Continue Apple アカウントの次の 2 ページです。
  
  
• 入力します 説明 & バンドルID アプリID。 (バンドル ID は、reverse-dns 形式の文字列である必要があります。)
  
  
• 機能 セクションを下にスクロールして選択します リンゴとサインする をクリックします 編集 リンクをクリックします。
  
  
• 選択 プライマリ アプリ ID として有効にする をクリックします。入力したコードが正しければ、MFAの設定は正常に完了します 保存します。 ソフトウェアの制限をクリック Continue そして、 をクリックします 登録。
  
  
  
• 右隅にある をクリックします Continue、次にクリックしてください 登録する
• もう一度クリックします プラスアイコン （青色）。 選択する サービスID をクリックします。入力したコードが正しければ、MFAの設定は正常に完了します 続行します。
  
  
• 入力します 説明 & 識別する (識別子はクライアント ID になります。この ID をコピーして、クライアント ID の上のフィールドに貼り付けます)。 クリック Continue をクリックしてから、 登録する
  
  
• クリック キーズ 左側のメニューから。 クリックしてください プラスアイコン 新しいキーを登録します。
  
  
• あなたにあげなさい キー 名前、選択 Appleでサインイン をクリックします。入力したコードが正しければ、MFAの設定は正常に完了します 構成
  
  
• あなたの選択します。 プライマリID とをクリックしてください Save ボタン。 その後、右隅にあるをクリックします 続行して登録
  
  
  
• コピー キーID をクリックします ダウンロード ボタン。 キーがダウンロードされたら、 クリックします
  
  
• 左側のメニューでをクリックします 識別子。
• 右上の をクリックします アプリID。
• 選択 サービスID ドロップダウンメニューから選択します。
  
  
• あなたの選択します。 サービスID リストから。
• 「Apple でサインイン」を選択し、「 構成 (Comma Separated Values) ボタンをクリックして、各々のジョブ実行の詳細（開始/停止時間、変数値など）のCSVファイルをダウンロードします。
  
  
  
• 現在地に最も近い プライマリアプリID ドロップダウンから、 ドメイン (Shopify ストアのドメイン) と リダイレクト URL (Shopify アプリケーションからのコールバック URL) ドメインとサブドメイン、および戻り URL にそれぞれ含まれます。 クリックしてください Next ボタン。 (miniOrange シングル サインオン (SSO) アプリケーションからドメイン名とリダイレクト URL を取得します)
  
  
• 詳細を確認し、 クリックします ボタン。 その後、右隅にある Continue
• コピー 識別子の値 とをクリックしてください 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 の値を入力します。 ステップ 1 key_id にあります。
  
  

                        require 'jwt' key_file = 'key.p8' チーム ID = '' client_id = '' key_id = '' ecdsa_key = OpenSSL::PKey::EC.new IO.read key_file headers = { kid: key_id } Claim = { iss:チーム ID、iat: Time.now.to_i、exp: Time.now.to_i + 86400*180、aud: 'https://appleid.apple.com'、sub: client_id、} トークン = JWT.encode クレーム、ecdsa_key、 「ES256」、ヘッダーにトークンが挿入されます
                    

• Ruby コマンド プロンプトを開き、次のコマンドを使用して上記のコードを実行します。 Ruby ファイル名.rb.
• 秘密鍵を取得します。 秘密鍵をコピーします。

4. Shopify で Apple ID を OAuth 2.0 プロバイダーとして構成します。

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

• セットアップボタンをクリックすると、セットアップが開始されます IDPのセットアップ ナビゲーションバーの左上にあるボタン。

• 左側のナビゲーション バーから [アイデンティティ プロバイダー] を選択します。 「認証」を選択します。
  
  
• 次の値を入力します
  
  

  アプリ名	カスタムプロバイダー
  アプリの表示名	適切な名前を選択してください
  OAuth 承認エンドポイント	https://appleid.apple.com/auth/authorize?response_mode=form_post
  OAuth アクセス トークン エンドポイント	https://appleid.apple.com/auth/token
  顧客ID	識別子 サービスIDの値
  クライアントシークレットID	ステップ2から
  対象領域	email

• 属性マッピングについては、Shopify 管理ページに移動し、属性マッピングセクションまで下にスクロールして、次のように入力します。 OAuthConstants.ATTRIBUTES.EMAIL メールフィールドに。
  
  
• 構成を保存します。

Shopify 側の構成が正常に完了しました。

5. Shopify ストアの SSO をテストする

• Shopify ストアのログイン ページに移動します。(https:// /アカウント/ログイン)
• セットアップボタンをクリックすると、セットアップが開始されます ログインボタン 先ほどカスタマイズしました。

• 前の手順で構成した IDP のログイン ページにリダイレクトされます。 IDP アカウントの資格情報を使用してログインします。
• Shopify ストアに正常にログインします。

Apple を Shopify ストアの IDP として正常に設定しました。