Apple Developerからログイン連携に必要なID情報を発行し、Cafe24 管理画面から発行した情報を登録します。
詳しい方法については、以下の案内をご確認ください。
Apple ID ログイン連携条件
- Apple Developerのアカウントを持っていること。(有料)
Apple Developerへ - Apple Developerのアカウントで管理している「ネットショップのアプリ」があること。
※ 上記の条件に満たない場合、Apple ID ログイン連携を利用することができません。
設定方法
1. ログイン連携設定に必要な情報を確認
下記は設定に必要な情報ですので、事前にメモしておいてください。
- ショップの「代表ドメイン」と「モバイルドメイン」
※ グローバルショップ(マルチショップ)がある場合は、グローバルショップの代表ドメインとモバイルドメインも必要です。 - Return URLs
https://代表ドメイン/Api/Member/Oauth2ClientCallback/apple/
https://モバイルドメイン/Api/Member/Oauth2ClientCallback/apple/
https://代表ドメイン(グローバルショップ)/Api/Member/Oauth2ClientCallback/apple/
https://モバイルドメイン(グローバルショップ)/Api/Member/Oauth2ClientCallback/apple/
2. Apple DeveloperにてApp ID、Service ID、Key IDを設定
- App IDの設定
① Account > Certificates, Identifiers & Profiles > Identifiers からApp IDをクリックし、Edit your App ID Configurationへ移動します。
② Edit your App ID Configuration 画面の各項目から「Sign in with Apple」へチェックを入れ右上の「Save」 ボタンをクリックします。 - Service IDの設定
① Account > Certificates, Identifiers & Profiles > Identifiersから (+) ボタンをクリックします。
② Service IDsを選択し、「Continue」ボタンをクリックします。
③ 各項目を入力します。
・Description：アプリに関する説明
・Identifier：Bundle ID + . + 識別しやすいキーワード 例) Bundle ID.signin
④「Continue」ボタンが活性化されたらボタンをクリックします。
入力した情報を確認後「Register」ボタンをクリックし、登録を完了します。
⑤ 次の画面が表示されたら、登録したService IDをクリック後「Sign in with Apple」にチェックをいれ、「Configure」ボタンをクリックします。
⑥ Web Authentication Configuration画面が表示されたら、各情報を入力します。
・Primary App ID：App IDを選択します。(参考画像の①)
・Domains and Subdomains：1で確認したショップのドメイン情報を入力します。(参考画像の②)
ドメインを複数入力する場合はコンマ(,)で区切ります。
・Return URLs：1で確認したReturn URLs情報を入力します。(参考画像の③)
複数入力する場合はコンマ(,)でで区切ります。
⑦ 入力が終わったら「Next」ボタンをクリックし(参考画像の④)、入力情報を確認したうえ「Done」ボタンをクリックします。
⑧ 次の画面から「Save」ボタンをクリックすると設定が完了します。
※ ⑥から⑦までの参考画像
- Key ID(鍵)の設定
① Account > Certificates, Identifiers & Profiles > Keysから(+) ボタンをクリックします・
② Key Nameを入力し、Sign in with Appleにチェックを入れた後、「Configure」ボタンをクリックします。
Primary App IDはKey IDを付与するApp IDを選択します。その後「Save」ボタンをクリックします。
③「Register」ボタンをクリックした後、Download Your Key画面から「Download」ボタンをクリックし、Key情報ファイルをダウンロードします。
※ Key情報ファイルは1回のみダウンロードが可能です。ダウンロードしたファイルを忘れないよう大切に保管してください。
④ ダウンロードを完了したら「Done」ボタンをクリックします。
3. Cafe24管理画面での設定
- 管理画面の「チャンネル管理 > SNS連携設定 > ソーシャルログイン」に移動します。
- Appleログイン項目を「使用する」に選択すると、設定に必要な項目が表示されます。
・Client ID：Service ID作成時に設定した「Identifier(Bundle ID + .識別キーワード)」です。→ 2-2)-③を参考
・Team ID：App ID Prefixです。
※ Apple Developerメニュー位置：Account > Certificates, Identifiers & Profiles > Identifiers > App IDをクリック、Edit your App ID Configuration
・Key ID：登録したKey IDです。
※ Apple Developerメニュー位置：Account > Certificates, Identifiers & Profiles > Keys > View Key Details
・AuthKey：Apple DeveloperからダウンロードしたKey情報ファイルです。→ 2-3)-③を参考 - 入力後「保存」ボタンをクリックすると設定が完了します。
