2017-07-27 26 views
0

Facebookのアプリを作成し、レールアプリ。Facebookのログインエラー:URLがブロックされました:リダイレクトURIがアプリのクライアントOAuth設定でホワイトリストに登録されていないため、このリダイレクトに失敗しました

私はすべてを試みましたが、何も動作していないようです。

私secrets.yml

### NOT MY REAL KEYS 
development: 
    secret_key_base: mykeybase 
    facebook_api_id: 12345678910110 
    facebook_api_secret: d3c47c5858fb953ae3ec11df46cekjhg 
    twitter_api_id: <%= ENV["TWITTER_API_ID"] %> 
    twitter_api_secret: <%= ENV["TWITTER_API_SECRET"] %> 
    google_api_id: <%= ENV["123456789101-lmpsdsdd74bts698uc8pu32d8tqjhis.apps.googleusercontent.com"] %> 
    google_api_secret: <%= ENV["tnJ1lJJESADhgdfDEhg-D-6D"] %> 

test: 
    secret_key_base: e4dfde8a4ac1f9b257af3e709c8a6544f6896bbbd8f0804f120c47a836220236e0ea158b793de6e67c6e0c2be2d197c5f367e9160648d85547286199856d5f05 



production: 
    secret_key_base: <%= ENV["SECRET_KEY_BASE"] %> 
    facebook_api_id: <%= ENV["12345678910110"] %> 
    facebook_api_secret: <%= ENV["d3c47c5858fb953ae3ec11df46ce1fe3"] %> 
    twitter_api_id: <%= ENV["TWITTER_API_ID"] %> 
    twitter_api_secret: <%= ENV["TWITTER_API_SECRET"] %> 
    google_api_id: <%= ENV["23456789101-lmpsdsdd74bts698uc8pu32d8tqjhis.apps.googleusercontent.com"] %> 
    google_api_secret: <%= ENV["tnJ1lJJESADhgdfDEhg-D-6D"] %> 

私のFacebookのSDK

<script> 
    window.fbAsyncInit = function() { 
    FB.init({ 
     appId  : '12345678910110', 
     xfbml  : true, 
     version : 'v2.9' 
    }); 
    }; 

    (function(d, s, id){ 
    var js, fjs = d.getElementsByTagName(s)[0]; 
    if (d.getElementById(id)) {return;} 
    js = d.createElement(s); js.id = id; 
    js.src = "//connect.facebook.net/en_US/sdk.js"; 
    fjs.parentNode.insertBefore(js, fjs); 
    }(document, 'script', 'facebook-jssdk')); 
</script> 

私のルート

devise_for :admins, controllers: { sessions: 'admin/sessions' } 
    devise_for :users, controllers: { sessions: 'users/sessions', :omniauth_callbacks => "users/omniauth_callbacks" } 

FACEBOOK 有効なOAuthがURIをリダイレクト:http://localhost:3000/users/auth/facebook/callbacks?close

サイトURL:http://localhost:3000/

+0

アプリのクライアントOAuth設定でリダイレクトURIをホワイトリストに入れましたか? – jvillian

+0

これは、@ jvillianがどうやって行っていないのですか –

+0

https://developers.facebook.com/docs/facebook-login/security#surfacearea – CBroe

答えて

0

エラーが示すように、アプリに対するhttp://developers.facebook.comで有効なURLとしてhttp://localhost:3000を登録する必要があります。

+0

これに新しいです...私はURLをどこに追加すればいいですか –

+0

これはhttps://www.kb.blackbaud.com/articles/Article/97715に役立つかもしれません。 fbのdevサイトでもそれを行う方法について。 –

+0

@Ahmed Reza Siddiqueはあなたにそれを働かせましたか? –

関連する問題

 関連する問題