Meta for Developers | アカウントとマイアプリの作成手順

まずは「Meta for Developers」のトップページに移動します。
developers.facebook.com


「利用を開始する」をクリックします。

利用を開始する

次へ進みます。

次へ進む

携帯電話を入力し、SMSを送信することでアカウント認証を行います。

アカウント認証

認証コードを入力して次へ

認証コードを入力

メールアドレス認証します。

メールアドレス認証

当てはまるものにチェックを入れて登録してください。

登録完了

右上の「マイアプリ」をクリックします。

マイアプリ

「アプリを作成」をクリックします。

アプリを作成

アプリタイプを選択します。
「ユーザーにFacebookアカウントでのログインを許可する」を選択して次に進みます。

アプリタイプの選択

「アプリ表示名」を入力して「作成」します。

アプリ表示名の入力

左メニューの「設定」の「ベーシック」をクリックします。
「アプリID」と「app secret」の値をコピーして保存して下さい。

マイアプリ設定

「設定」の「ベーシック」の下部にある「プラットフォームを追加」をクリックします。

プラットフォームを追加

「Website」を選択して「次へ」をクリックします。

Websiteを選択

サイトURLにhttp://localhost:3000と入力して保存します。

サイトURL追加

ダッシュボードの「ユースケース」をクリックします。

ユースケースをクリック

認証とアカウント作成の「編集」をクリックします。

認証とアカウント作成

emailを「テスト準備完了」にします。

emailをテスト準備完了

ユースケースの「Use additional Facebook user data for personalization」の「編集」をクリックし、「user_link」と「user_photos」を追加します。

２つ追加

テスト申請には２週間ほどかかるようですが、Facebookログイン機能を試すには問題ありません。


次に有効なOAuthリダイレクトURIの設定をします。
ダッシュボードの「製品」の「設定」を開きます。

設定

有効なOAuthリダイレクトURIの欄に以下のアドレスを入力します。
http://localhost:3000/auth/facebook/callback

有効なOAuthリダイレクトURI

↓↓クリックして頂けると励みになります。