Facebook OAuth「このURLのドメインはアプリのドメインに含まれていません」質問する

Facebook OAuth「このURLのドメインはアプリのドメインに含まれていません」質問する

まず最初に言っておきたいのは、私はこの質問に対する答えをかなり長い間探していたということです...

自分のマシンでローカルに開発中のアプリケーションで Facebook OAuth が動作するように設定しようとしています。別のドメイン名 (まだ自分のマシンにローカル) に変更するまでは、Facebook 認証はすべて完璧に動作していました。localhostしかし、現在、次のエラーが発生しています。

URL を読み込めません: この URL のドメインはアプリのドメインに含まれていません。この URL を読み込むには、アプリのすべてのドメインとサブドメインをアプリ設定の [アプリ ドメイン] フィールドに追加してください。

私のホストファイルには以下が含まれています127.0.0.1 domain.dev(完璧に動作します)

私のアプリ(Socialiteを使用)のリダイレクトはhttp://domain.dev/auth/facebook/callback

Facebook アプリの設定で...

  • 私のアプリドメインはdomain.dev
  • 私のサイトのURLはhttp://domain.dev/
  • 私の有効なOAuthリダイレクトURIはhttp://domain.dev/auth/facebook/callback

エラーメッセージ発生時のURLは…

https://www.facebook.com/v2.5/dialog/oauth?client_id=XXXXXXXXXXXXXXX&redirect_uri=http%3A%2F%2Fdomain.dev%2Fauth%2Ffacebook%2Fcallback&scope=email&response_type=code&state=0ztcKhmWwFLtj72TWE8uOKTcf65JmePtG95MZLDD

何が問題なのかわかりません...

スクリーンショット1
スクリーンショット

スクリーンショット2ここに画像の説明を入力してください

ベストアンサー1

誰かがこれを見つけて、これらの設定を探している場合(私のように)

あなたがしなければならない

  1. 左側で、「+製品を追加」をクリックし、「Facebookログイン」を選択します(私の場合は一番上にありました)
  2. 左側に新しい設定が表示されます
  3. これで、「製品設定」にこれらのOAuth設定が表示されます。

ここに画像の説明を入力してください

追加情報: Facebookログインの設定ページのフィールドhttp://localhost:3000にコールバックURLを追加してください。Valid OAuth redirect URIs

おすすめ記事