まずは、Facebook for developersにて、開発者登録をしてください。
その後、IDの発行を受け、連携設定してください。
その後、IDの発行を受け、連携設定してください。
新規使用の場合
※Facebookのポリシーにより、http形式のサイトは新規連携ができません。
httpsアクセスを可能にするためには、「セキュリティ接続(SSL)設定」が必要です。
アプリID入力し、Facebookログイン機能を使用している場合
新規アプリの発行を受けず、既存アプリで「app secret」のみを確認し、入力します。
※新規アプリの発行を受ける場合、既存のFacebook加入会員がログインできない問題が発生します。
「Facebook該当アプリ > 設定 > ベーシック」で、「app secret」の「表示」ボタンをクリックすると、「app secret」のコードが表示されます。
上記の事項を確認した後、以下の順に設定してください。
- Facebook for developersへ移動し、既存Facebook アカウントにログインするか、新しいアカウントを作成します。
Facebook for developersへ - ログイン後、ヘッダーにある「マイアプリ > 「新しいアプリを作成」」ボタンをクリックし、新規アプリを作成します。
- Facebookログインアプリを使用するため、作成したアプリの「設定 > ベーシック」で必要な情報を入力します。
① アプリドメイン：Facebookログインを使用したいショップのドメインを入力します。
また、モバイルショップでもFacebookログインを使用したい場合は、モバイルショップのドメインも入力します。
例）sample.comというドメインを使用する場合
https://sample.com
https://m.sample.com
② プライバシーポリシーのURL : プライバシーポリシーの内容が表示されているショップページのアドレスを入力します。
例）https://ドメイン/member/privacy.html(Cafe24で基本提供されるアドレス)
③ 利用規約のURL : サービス規約内容が表示されるショップページのアドレスを入力します。
例）https://ドメイン/member/agreement.html(Cafe24で基本提供されるアドレス)
④ ユーザーデータ削除 : 「データの削除手順URL」を選択し、SNS退会方法が記載されたページのURLを入力します。
⑤「カテゴリ」選択項目の中から「ショッピング」を選択します。
⑥「アプリアイコン」にアプリアイコンを登録します。アプリアイコンは、該当ショップを利用する顧客がログインする時に表示されるアイコンです。登録することで顧客に信頼感を与えることができます。 JPG、GIFまたはPNGファイルをアップロードすることができます。画像サイズは、512 x 512~1024 x 1024ピクセル、ファイル容量は、5MB以内のファイルを使用してください。
⑥「ビジネス目的で使用」では「自分のビジネスをサポート」を選択します。 - ①~⑥の項目をすべて入力した後、「保存」ボタンをクリックします。
- 左側にあるメニューの中から「プロダクト」をクリックし、該当画面に移動後、Facebookログインの「設定」ボタンをクリックします。
- 次のような画面が表示されたら、それ以上進まずに、左側のメニュー「Facebookログイン > 設定」画面に移動します。
- 「クライアントOAuth設定」のうち、「有効なOAuthリダイレクトURI」項目に下記のとおり入力した後、保存します。
※ http形式のアドレスは入力できません。
例）sample.comというドメインを使用する場合
https://sample.com/Api/Member/Oauth2ClientCallback/facebook/
https://www.sample.com/Api/Member/Oauth2ClientCallback/facebook/
https://m.sample.com/Api/Member/Oauth2ClientCallback/facebook/
例示したもの以外に、Facebookログインを使用する2次ドメインがある場合、すべてのドメインを重ねて入力してください。
※2次ドメイン : メインドメイン、サブドメイン、モバイルドメイン、越境ECのドメインなど - 「アプリレビュー」画面に移動して、右上にある「オフ」状態のトグルボタンをクリックし「オン」状態に変更してください。
- 当該アプリの「設定 > ベーシック」に移動し、「app secret」項目の「表示」ボタンをクリックすると、コードを確認することができます。
- Cafe24 管理画面の「チャンネル管理 > SNS連携設定 > ソーシャルログイン」に移動します。
- 「Facebookログイン」を「使用する」にチェックを入れ、「Cafe24 developer」で確認したアプリIDおよびアプリシークレットコードを入力後、「保存」ボタンをクリックします。