web-dev-qa-db-ja.com

開発のためにFacebookアプリにlocalhost：3000を追加するにはどうすればよいですか

私はRails 4アプリに取り組んでいます。私のラップトップでは、開発はlocalhost:3000。サイトの実際のドメインはroomidex.com。

生産と開発で動作するようにFacebookアプリを設定するにはどうすればよいですか？

現在の構成は次のとおりです。

App Domains: roomidex.com

Website With Facebook Login: 
Site URL: http://www.roomidex.com

Localhost：3000でFacebookログインしようとすると、この驚くべきエラーは表示されません。

{
   "error": {
      "message": "Invalid redirect_uri: Given URL is not allowed by the Application configuration.",
      "type": "OAuthException",
      "code": 191
   }
}
ruby-on-railsfacebookruby-on-rails-4omniauth
28
Don P

Facebookアプリページで、[アプリの編集]をクリックし、左側のナビゲーションで[詳細設定]をクリックします。次に、「有効なOAuthリダイレクトURI」に対してhttp://localhost:3000...または受け入れられたリダイレクトを希望するもの。

59
Don P

メインアプリに接続するテストアプリを作成できます。メインアプリの[ダッシュボード]または[設定]ページで。下にスクロールすると、ページの左側にあるメニューに「テストアプリ」が表示されます。テストアプリはメインアプリから設定を継承しますが、永続的に開発モードになり、独自のIDを持ちます。

テストアプリの詳細はこちら： https://developers.facebook.com/docs/apps/test-apps/

ローカルホストで動作するようにアプリを設定するためのプロトコルが変更されました。テストアプリをセットアップしたら、localhostで動作するようにセットアップする手順を説明します。

https://stackoverflow.com/a/24253054/2803458

7
Taylor714

あなたのエラーは言っています

localhost URLはアプリケーションで許可されていません

私は知っています、FBはそれらの瞬間に何をするかについて説明することについてのs ** tを与えません、しかし、私に関する限り、私は回避策を見つけました。

基本的に、アプリでlocahostのURLを「ホワイトリストに登録」する必要があります

これがあなたがやろうとしていることです

  1. アプリの編集/概要ページに移動します
  2. 4番目のフィールドApp Domainsには、すでにroomidex.com、別のアドレスを追加localhost
  3. 上記のURLは、各URLがタブに配置されている場合にのみ有効です。設定した場所、どのようにapp integrates with Facebook（facebookでログインしたWebサイト、facebookでのアプリ、モバイルWebなど）
  4. 私はこれを行います：私の作業URLをあなたの場合に入れますroomidex.comにWebsite with facebook login、および私のテスト、localhost URL、またはApp on facebookまたはPage tab
4
Ivan Hanák

2015年6月

[マイアプリ]> [設定]> [基本]に移動します

アプリのドメイン

  • ローカルホスト

サイト

残念ながら、ポート80またはポートなしでは機能しませんでした。

1
Cadene

テストアプリのValid OAuth redirect URIsにlocalhostを追加しますdid not動作しますが、127.0.0.1を追加しました。

0
user937284

Facebookでは、「Valid OAuth redirect URIs」がhttpsである必要があります。

Httpsをローカル（localhost：3000）で使用するために、[ngrok] [1]を使用しました。これにより、トンネルを提供してhttpsを使用できます。これをする：

  1. 私は彼らのウェブサイトに行き、彼らのプログラムをダウンロードしました
  2. プログラムのファイルを抽出しました
  3. コンソールで、ngrokが抽出されたディレクトリに移動し、Windowsマシンで「grok http 3000」と入力しました。他のユーザーは「./grok http 3000」を使用できます
  4. それを入力した後、ngrokはhttpsアドレスを提供し、それをFacebookのValid OAuth Redirect URIsフィールドに入れました
  5. 次に、サーバーを起動し、localhost：3000の代わりにそのhttpsアドレスを使用してサーバーにアクセスできました
0
yellowreign