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

最初に、この質問に対する回答をかなり長い間検索してきたと言いましょう...

自分のマシンでローカルに開発されているアプリケーションで動作するようにFacebook OAuthをセットアップしようとしています。Facebookの認証ですべてが完璧に機能していましたが、使用localhostから別のドメイン名（まだ私のマシンのローカル）に移動するまでは、次のエラーが発生します。

URLを読み込めません：このURLのドメインはアプリのドメインに含まれていません。このURLをロードできるようにするには、アプリのすべてのドメインとサブドメインをアプリ設定の[アプリドメイン]フィールドに追加します。

私のhostsファイルには127.0.0.1 photovote.dev （完璧に機能する）が含まれています

私のアプリでのリダイレクト（Socialiteを使用）は http://photovote.dev/auth/facebook/callback

Facebookアプリの設定で...

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

エラーメッセージが表示されたときのURLは次のとおりです。

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

私は何が問題なのか途方に暮れています...

スクリーンショット1

スクリーンショット2

これは通常、Facebookでアプリを作成したときに誤った詳細を入力した場合に発生します。または、既存のアプリのURLを変更しましたか？

このページでアプリの設定を再確認してください。

https://developers.facebook.com/apps

1. 正しいアプリを選択し、編集ボタンをクリックします。

2. URLとパスが正しく入力され、Ultimate Facebookプラグインをインストールしたサイトを指していることを確認してください。

誰かがこれに遭遇し、これらの設定を探している場合（私がそうであったように）

必ず

1. 左側で、[+製品を追加]をクリックして[Facebookログイン]を選択します（これは私にとって一番上でした）
2. 左側で利用可能な新しい設定をご覧ください
3. これで、「製品設定」にこれらのOAuth設定が表示されます

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

私も同じ問題を抱えていました。OAuthリダイレクトURIを引数としてgetAccessToken関数呼び出しに追加することで解決しました。

$redirectLoginHelper->getAccessToken("https://www.example.com/myfacebookcallback")

その関数に引数が送信されない場合、SDKはリダイレクトURIを自動的に生成しますが、これは機能するはずですが、私の場合は機能しませんでした。

これが誰かを助けることを願っています。

アプリが公開されていることを確認します。+製品の追加をクリックして、製品に移動します=> Facebookログイン次の手順を実行します。

有効なOAuthリダイレクトURI：example.com/

コールバックURLの許可を取り消す：https : //example.com/facebookapp

この問題を解決するために私がしたことは次のとおりです。

基本的に：

1）「組み込みブラウザOAuthログイン」を有効にします

2）[ リダイレクトURIに厳密モードを使用する]を無効にし、私と同じようにリダイレクトURIを入力します。

3）残りのオプションはすべてそのままにします。

4）変更を保存します。

5）お楽しみください:)

同じ問題があり、間違ったclient_id / Facebook App IDが原因でした。

Facebookアプリを「公開」または「オンライン」に切り替えましたか？切り替えると、Facebookは新しいアプリIDで新しいアプリを作成します。

URLの「client_id」パラメーター値をFacebookダッシュボードのパラメーター値と比較できます。

私が修正した方法：有効なOAuthリダイレクトURIテキストボックスに移動して、ドメインだけでなく正確な URL を設定しました：

前： https://my-website.com

後： https://my-website.com/facebookoauth/facebooklogin

（URLはあなたのケースでは異なる場合があります。ブラウザのアドレスバーで確認してください）。

これは、リダイレクトURIに厳密なモードを使用する設定が原因で発生しました。

URLを読み込めません：このURLのドメインはアプリのドメインに含まれていません。このURLをロードできるようにするには、アプリのすべてのドメインとサブドメインをアプリ設定の[アプリドメイン]フィールドに追加します。

今日、この問題がありました。FacebookのドキュメントとSDKは、控えめに言っても他の開発者に対して失礼で傲慢です。

情報の少ない2つの異なる場所に「アプリドメイン」があること（「ウェブ」プラットフォームを追加する場合は3つ）に加えて、アプリ製品/ facebookログイン/設定に移動し、有効なOAuthリダイレクトURIにリダイレクトURLを追加する必要もあります。

エラーには、oauth設定についての説明はありません。

2017-10現在。

私の問題を解決した解決策。

現在、そのFBはこの驚きを表しています。

... アプリのクライアントOAuth設定。クライアントとWeb OAuthログインがオンになっていることを確認します...

調整する設定は、https：//developers.facebook.com/apps/ [your_app_itentifier] / fb-login /にあります。

末尾のスラッシュは重要です。アプリのコードとFB管理設定で一致する必要があります。したがって、これはコードのどこかにある設定です（以下の開発アプリのドメイン名を取得する方法を参照してください）。

{
    callbackURL: `http://my_local_app.com:3000/callback/`, // trailing slash
}

そしてここ

ローカルWindowsマシン上のアプリのドメイン名を取得するには、hostファイルを編集します。カスタム名は、すべてのそれらを取り除くために良いですlocalhost:8080、0.0.0.0:30303、127.0.0.0:8000、など。FBなどの一部のサードパーティサービスでは、127.0.0.0名前を使用できない場合があるためです。

Windows 10のhostsファイルはここにあります：

C:\Windows\System32\drivers\etc\hosts

最初のファイルをバックアップし、別の名前でコピーを作成します（ネイティブのWindows CMDでは機能しません。Gitfor Windowsを使用しています。多くのUnixコマンドがあります）

$ cp hosts hosts.bak

これを追加 hosts

127.0.0.1  myfbapp.com # you can access it in a browser http://myfbapp.com:3000
127.0.0.1  www.myotherapp.io # In a browser http://www.myotherapp.io:2020

:3000たとえば、ポートパーツを取り除くために、NGINXをセットアップします。

ここをクリックしてコードプロジェクト！そのコードプロジェクトの例。それは私に働きます

ほとんどの場合、FBダッシュボードの製品セクションに適切な有効なOAuthリダイレクトURLを挿入しないと発生します。以下の手順に従うことをお勧めします

01. アプリの基本設定があなたと一緒に怒鳴る写真で問題ないことを確認する

02. 製品を追加したかどうかを確認します

そうでない場合は、以下のように+サインをクリックして、ログイン製品を簡単に追加できます。

はいの場合は、製品設定の内部に移動しました。

03. 有効なOAuthリダイレクトURLを提供したかどうかのチェック

その単純なことは、ログイン後に何をすべきかを意味します。それは、URlへのコールバック以外にはありません。いくつかのリダイレクトURLを追加した私の怒鳴る画像で確認できます。

4. さらに問題がありますビデオを見る-> https://www.youtube.com/watch?v=mdhubrzV5y8&t=3s

Facebookは最近、「リダイレクトURIに厳密モードを使用」のトグルボタンを無効にしたため、ログインボタンを押したときに呼び出されるURIを正確に追加する必要があります。私の場合、スクリーンショットのようになりました。それは私のために問題を解決しました:)

同じ問題がありました

私はちょうど私のローカルアドレスのリンクを追加//localhost/Facebook%20Login%20Test.htmlます。httpにSite URL自分のアプリケーションの設定にhttps://developers.facebook.com/apps。

今では問題なく動作します:)これが役に立てば幸いです;）

私の場合、私がしなければならなかったのは、埋め込みブラウザのOAuthログインのみを有効にすることです

使用していたSDKのバージョンを更新するまで、実際には何も機能しませんでした。5.0から始めました。5.4.0も機能しません。5.6.2に更新すると、関連する変更ログに何もないにもかかわらず、問題なく動作しました。

このオプションはポータルで有効にする必要があります：

これが他の人を助ける場合、古いサイトで「有効なOAuthリダイレクトURI」が必須になったときに、これが起こり始めました。サイトはまだV4 PHP SDKを使用しており、V5 SDKにアップグレードすることで問題は解決しました。

アプリドメインセクションでは、アプリドメインを記述していますが、ログインドメイン、つまりユーザーにログインを求めるHTMLページの名前も追加する必要があります。私の場合、localhostでテストしており、ログインルートはlocalhost / loginでした。アプリドメインセクションにhttp://localhost.comのみを配置すると、このエラーが発生します。しかし、http：//localhost/login.comを追加した後、エラーは修正されました。また、アプリの設定が新しいバージョンのSDKで変更され、OAuthリダイレクトルートのオプションはありません。OAuthトークンを正常に取得した後、サーバー側から直接リダイレクトルートを割り当てる必要があります。

これは私のために働きました：

ここで、理解しておくべき主なことを説明します。Facebookは常に「WWW」ドメインをチェックします。したがって、最初にブラウザでwww.your_domain.devが動作していることを確認してください。

ローカルサーバーに複数の仮想ホストがある場合、他の仮想ホストが " www.your_domain.dev "を上書きする可能性があります。確認してください。Apacheはドメイン（またはポート、またはこれらの用語で何か）の最初の定義を選択します-私はこれについての専門家ではありませんが、間違いによって学ばれました。この仮想ホストの上書きを簡単にすばやく修正するには、「www.your_domain.dev仮想ホスト定義をファイル「httpd-vhosts.conf」の最上部に配置します。

「/apache/conf/https-vhosts.conf」に移動し、これをファイルの最上部に配置します。

<VirtualHost *:80>
<Directory "C:/your_app_folder_path/">
    Options FollowSymLinks Indexes
    AllowOverride All
    Order deny,allow
    allow from All
</Directory>
ServerName your_domain.dev
ServerAlias your_domain.dev
DocumentRoot "C:/your_app_folder_path/"
</VirtualHost>

###### FOR SSL #####
<VirtualHost *:443>
    DocumentRoot "C:/your_app_folder_path/"
    ServerName your_domain.dev
    ServerAlias www.your_domain.dev
    SSLEngine on
    SSLCertificateFile "conf/ssl.crt/server.crt"
    SSLCertificateKeyFile "conf/ssl.key/server.key"
    <Directory "C:/your_app_folder_path/">
        Options All
        AllowOverride All
        Require all granted 
    </Directory>
</VirtualHost>

次へ： Windowsシステムを使用している場合は、「C：\ Windows \ System32 \ drivers \ etc」の「hosts」ファイルを編集して、次の 2行を追加します。

127.0.0.1 your_domain.dev
127.0.0.1 www.your_domain.dev

次のステップ： Apacheサーバーを再起動すると、すべてが正常に機能するはずです。

これがあなたを助け、あなたの時間を節約することを願っています。私はほぼ1日中Webを検索していて、髪を抜いていたので、これが見つかるまで何も役に立たなかった。

私は同じ問題を抱えていました..... issuはバージョンPHP SDK 5.6.2にあり、修正は次のファイルを編集していました：

facebook\src\Facebook\Helpers\FacebookRedirectLoginHelper.php

この行を変更

$redirectUrl = FacebookUrlManipulator::removeParamsFromUrl($redirectUrl,['state','code']);

に

$redirectUrl = FacebookUrlManipulator::removeParamsFromUrl($redirectUrl,['state','code','enforce_https']);

これと同じFacebookエラーが実稼働環境で発生しました。その理由は、Facebookに2つのアプリを登録していた（ローカル、プロダクション）のですが、ローカルアプリIDをソースコードにハードコードし、展開前にプロダクションアプリIDに切り替えるのを忘れていました。

ベストプラクティスでは、アプリIDをソースコードにハードコード化するべきではないと規定していますが、そうする場合でも、誤って行ったように、さまざまなFacebookアプリIDを一致させないでください。

自分のローカルサーバーを使用する。

次のhttp://localhost/my-siteURLとして追加するだけです。

https://developers.facebook.com/apps/YOUR-APP-ID/fb-login/

私のために働いた。

問題とその答えは、FBがログイン手順を強化するにつれて変化し続けます。今日、このホラーメッセージが表示され始めました。「このURLのドメインはアプリのドメインに含まれていません。このURLを読み込めるようにするには、アプリのすべてのドメインとサブドメインをアプリ設定の[アプリのドメイン]フィールドに追加してください。」

答えは次のとおりです。FBは完全なリダイレクトURIを必要としています。だから、それがために使用され、私のためだけhttps://www.example.comをそれが今望んでいるhttps://www.example.com/auth/facebook/callback。これは「有効なOAuthリダイレクトURI」フィールドに入力する必要があります（開発者/ Facebookログイン->設定）

Facebookログイン->設定->有効なOAuthリダイレクトURI->リダイレクトURLのドメインを挿入します。「https」またはhttpを追加する必要があります。例えば：あなたのリダイレクトURLの場合https://xxx.xxx.com/path/callback.do、あなただけ入力する必要がhttps://xxx.xxx.com/を、それは私のために大丈夫です。

最初のステップ：すべてのhttps://example.inまたはssl証明書のURLを使用します。http： //example.inは使用しないでください

2番目のステップ：faceboookアプリケーション設定->基本設定->ドメインまたはサブドメインを追加

3番目のステップ：faceboookアプリケーションのログイン設定->有効なOAuthリダイレクトURI->ログイン後にすべてのリダイレクトURLを追加

4番目のステップ：faceboookアプリケーション設定->詳細設定->ドメインマネージャー->ドメイン名を追加

このすべての手順を実行してから、セットアップにアプリケーションID、アプリケーションバージョン、アプリケーションシークレットを使用します

Magento 2ソーシャルログイン拡張機能では、パネルから有効なOAuthリダイレクトURIをコピーし、developers.facebook.comのクライアントOAuth設定ページの有効なOAuthリダイレクトURIフィールドへのリンクを追加する必要があります。

ゲームにサーバー/サイトがない場合（たとえば、私のようなGameroom用に開発している場合）-「https://apps.facebook.com/xxxxxxxxxxxxxxxxx」(「xxxxxxxxxxxx」の代わりにアプリIDを入力）を「有効なOAuthリダイレクトURI」に追加します」

答えのほとんどは、アプリのドメインにURLを追加することに関するものですが、会社で働いている場合は、これらのアクセス権がありません。それらについては、仮想ホストを作成してホストエントリを作成するだけで、これをバイパスできます。

これをホストファイル（/ etc / hosts）127.0.0.1 www.your_domain.comに追加します

仮想ホストを作成します。これをApache仮想ホストに使用しました

ServerAdmin webmaster @ localhost ServerName www.your_domain.com

    ProxyPass / http://localhost:5006/
    RewriteMap  lc int:tolower
    LogLevel debug