86

ここのチュートリアルから:
http://ankurm.com/blog/api/using-localhost-for-facebook-app-development/1091/

Facebook アプリのローカル開発エリアをセットアップしようとしました。しかし、「http://localhost:85/my_app/」をドメイン名として入力すると、Facebook はこう言います

アプリ ドメイン: " http://localhost:85/app-name/ " にプロトコル情報を含めないでください。

また、「localhost:85/my_app/」をドメイン名として入力すると、次のエラーが表示されます。

アプリ ドメイン: localhost:85/my_app/ は有効なドメインではありません。

4

16 に答える 16

58

私の解決策：

  1. アプリ ドメインを空のままにする
  2. (製品) Facebook ログイン > 設定
  3. ボックスhttp://localhost:85/my_app/に追加Valid OAuth redirect URIs
  4. 変更内容を保存
于 2014-05-12T13:20:09.307 に答える
58

プロトコルが変更されたようです。

これが私の解決策です（2015年4月3日にテストしましたが、うまく機能します）：

設定- >基本タブ

  1. アプリ ドメイン:ローカルホスト
  2. [ +プラットフォームを追加] をクリックし、[ウェブサイト]を選択します。
  3. サイト URL: http://localhost:<port>/ ( <port>はポート番号)
  4. 変更内容を保存
于 2015-04-03T07:30:02.490 に答える
45
  1. アプリドメインを空のままにします
  2. Facebookログインでウェブサイトに移動
  3. 追加http://localhost:port_number/
  4. 変更を保存して再試行してください。詳細については、次のWebサイトをご覧ください。

http://developers.facebook.com/docs/samples/canvas/ ハッピーコーディング:-)

于 2013-03-13T22:23:03.723 に答える
31

これは何年にもわたって変更されてきましたが、ローカルホストで実行している webapp で動作するようになりました。これは私がしたことです：

  1. https://developers.facebook.com/appsに移動
  2. アプリを選択します。
  3. 左側のナビゲーション バーから [設定] > [基本] を選択します。
  4. ページの下部にある [プラットフォームの追加] ボタンをクリックします。
  5. ウェブサイトをクリック
  6. http://localhost:8080/サイトの URL を入力します。
  7. 入力したサイト URL の右端にある [クイックスタート] ボタンをクリックします。
  8. 新しいタブが開きます。そのタブで、[あなたのウェブサイトについて教えてください] セクションまで下にスクロールしhttp://localhost:8080/、サイトの URL をもう一度入力します。
  9. [次へ] ボタンをクリックします。
  10. 再度ログインを試みたところ、今度はうまくいきました。

幸運を！

于 2016-07-09T19:23:27.647 に答える
11

これは私がよくやっていたことです。

Windows を使用している場合は、ホスト ファイルを変更する必要があります。ホスト ファイルの場所は%SystemRoot%\System32\drivers\etc\

このようにホストファイルに新しい行を追加します

127.0.0.1    localhost.YOUR-SITE-NAME.com

ホスト ファイルを保存します。

FB アプリ設定コントロール パネルに移動しlocalhost.YOUR-SITE-NAME.com、アプリ ドメイン フィールドに入力します。変更内容を保存。

localhost.YOUR-SITE-NAME.comブラウザからのようにローカル環境をロードします。

注意: YOUR-SITE-NAME をドメイン名に変更してください。

于 2014-01-05T15:16:09.193 に答える
5

空白のままにするか、 を使用できますlocalhost。これhttp://localhost:85/my_app/は URL です。

于 2012-11-14T10:30:47.950 に答える
3

その時点でそのチュートリアルを書いたとき、ポートはアプリドメインで許可されていました。そして、実際に81ポート（ワンプサーバー）でアプリを実行できました。Facebook が URL のポートを許可していないようです。localhostアプリ ドメインで使用できます。

できるだけ早く情報を更新します。私は解決策を見つけようとしています。

一時的な解決策は、localtunnel http://progrium.com/localtunnel/を使用することです。

于 2012-11-16T15:44:03.133 に答える
1

https://ngrok.com

https://ngrok.com/リンクから ngrok をダウンロードし、そのファイルを抽出します。cmd を開く ( cmd を検索) ngrok が抽出されたディレクトリに移動します。コマンド ラインから ngrok を開きます。例: c:/ngrok/ngrok.exe [port] または cd c:/ngrok の後に ngrok 80 ( ngrok [port] ) を取得します。

ngrok

Tunnel Status                 online
Version                       1.3/1.3
Forwarding                    http://3ahsdfhska.ngrok.com -> 127.0.0.1:80
Forwarding                    https://3ahsdfhska.ngrok.com -> 127.0.0.1:80
Web Interface                 http://127.0.0.1:4040
# Conn                        0
Avg Conn Time                 0.00ms

wampサーバーが同じポートで開いていることを確認することを忘れないでください…（確認方法-> goto-> wampicon-> apache-> httpd.confでポートを検索するか、80（デフォルト）でngrok.exe 80に使用します）

http://3ahsdfhska.ngrok.com

オンラインでローカルホストにアクセスするための URL になります

于 2013-10-31T18:34:57.297 に答える
0

もう 1 つのソリューションをミックスに投入します。

手順に従って Web サイトをセットアップし、2 つ目のアプリ (Facebook Canvas) を追加して、その URL を に設定しましたhttp://localhost:XXXXX。これで、ローカルと本番環境の両方で FB にアクセスできるようになりました。

于 2015-12-04T17:26:32.533 に答える
0

プロトコル エラーが発生した場合は、Http:// を削除する必要があるだけでなく、Web アドレスの末尾にバックスラッシュがある場合は、それも削除する必要があります。削除しないと機能しません。私はこれを行い、完全に機能しました！ホラ！

于 2013-07-12T21:16:07.827 に答える