ローカルで "Facebook Login"をテスト中

Question

私は "Continue With Facebook"ボタンをローカルにテストしようとしています。このエラーは、URLが無効であることを伝えます。以下は、私のアプリのOAuth設定をどのように設定したかです。すべての私の研究に基づいて、これは正しく設定されていますが、何かが間違っています。

私は、自分のサイトのローカルインスタンスを実行するためにnpm http-serverを使用しています。これは、ローカルホスト上で実行されている：8080

最後の画像を1として、それは文句を言わない私には、このような "http://localhost:8080" としてドメインを追加してみましょう。それだけであなたの実際の生産URLはその後、FBで>設定>アプリケーションドメインは、追加のURL local.domain.comを追加domain.comであれば、私は「localhost」を

Answer 1

を追加することができます。 （ブラウザで

127.0.0.1 local.domain.com 

、local.domain.comに移動し、そのURLはローカルマシンに巻き提供されます。そして、ローカルマシン上の/ etc/hostsファイル（または​​3210）のエントリを追加します。すなわちローカルホスト）。これは、テスト/開発版の実行中にFacebookのログインを喜ばしくします。

また、（FBに> Facebookのログイン]> [設定]> [有効なOAuthのは、URIをリダイレクト）（FB>設定>詳細設定>セキュリティ>サーバーIPホワイトリストに）あなたのマシンのIPをホワイトリストに登録し、http://local.domain.com/callback追加を追加する必要があります。