web-dev-qa-db-ja.com

localhostからのFacebookログインの操作

FacebookでログインできるReact/Horizo​​nアプリがあります。ローカルホストからのfacebookログインで動作するオプションがあるかどうか疑問に思っていますか?

10
alexarsh

Facebook開発者として登録し、そこでアプリを作成する必要があります。 Webアプリを登録したら、アプリに移動して[製品の追加]をクリックします。

Facebookログインを追加します。次に、Web OAuth Loginを有効にして、以下のテキストフィールドにローカルホストを追加して保存すると、アクセスできるはずです。私のFacebookアプリのスクリーンショットのサンプルを添付します。 here

15
Harkirat Saluja

だから私の場合、次のことをすることは私にとってうまくいった。

  1. アプリケーションが開発モードであることを確認してください

Application Mode - in development

  1. 有効なOAuth localhostから作業する場合にリダイレクトURIに何もないことを確認してください

Valid OAuth Redirect URIs

  1. App Domainsにも何も入っていないことを確認してください

App Domains

  1. サイトのURLにlocalhostが入力されていることを確認してください

Website URL

10
Hamza Khanzada

これらの答えはすべて良いです。ただし、テストアプリの作成方法に関する情報を追加します(Facebookの推奨どおり)。

Facebookアプリを管理するページに移動します。 https://developers.facebook.com/apps/

Facebookアプリでブロックの右上にある下矢印ボタンをクリックし、メニューから[テストアプリの作成]を選択します。

Creating a Facebook Test App

テストアプリは、運用アプリの設定のスナップショットを使用して作成されます。その後、実稼働アプリに影響を与えることなく、テストアプリの設定を個別に編集できます。

こちらのドキュメントをご覧ください: https://developers.facebook.com/docs/apps/test-apps/

4
Dagmar

アップデートを追加したい:2019年7月

Facebookは開発モードでlocalhostを自動的に許可し、本番モードではブロックされます。あなたがしなければならないのは、アプリの設定で開発モードをオンにするだけでいいのです。

localhostをリダイレクトURLとして追加する必要はなくなりました。

ここで、localhostを追加しようとすると、リダイレクトURLでエラーが表示されます。

Facebook developer page

3
Bishwajyoti Roy