Facebook認証ダイアログ（JS SDK）が空白の画面を返す

Question

私はレールアプリを設定し、Facebook JS SDK経由でログインを実装しようとしています。既にOmniauthがありません:(

とにかく、ダイアログがポップアップし、ユーザーはログイン情報を提供しますが、空白の画面https://www.facebook.com/connect/window_comm.php?_id=some-string&_relation=opener&auth_token=some-big-stringにリダイレクトされます。ポップアップは閉じません。

私も、手動で閉じてから、私のページを更新した場合、私はログインが起こった見ることができます。

好奇心旺盛なことは、権限がを求められたときに最初のログイン時に、すべてが期待通りに動作すること、です許可が拒否された後、ポップアップが閉じられます。

Chrome、FF、Safari、Operaでテスト済みです。一貫した行動。ここに関連するコードだ

1）Unsafe JavaScript attempt to access frame with URL http://something from frame with URL https://something. Domains, protocols and ports must match.（注意のhttp X httpsの...）

2）window_comm.php:7Uncaught TypeError: Cannot call method '_recv' of undefined

：私はクロームの空白リダイレクトページをデバッグする場合

は、2個のエラーがあります：

<script> 
    window.fbAsyncInit = function() { 
    FB.init({ 
     appId  : 'my-app-id', 
     status  : true, 
     channelURL : 'http://localhost:3000/channel.html', 
     cookie  : true, 
     oauth  : true, 
     xfbml  : true 
    }); 

    FB.Event.subscribe('auth.login', function(response) { 
     window.location.reload(); 
    }); 
    }; 
    (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/pt_BR/all.js" 
    fjs.parentNode.insertBefore(js, fjs); 
    } 
    (document, 'script', 'facebook-jssdk')); 
</script> 
<div class="fb-login-button" data-show-faces="true" data-width="400" data-max-rows="1" perms="offline_access"></div> 

私は運転しているナッツ！ =（

編集：？それはHTTPからHTTPSにリダイレクトされているので、それは、Facebook上でバグを指定でき

Answer 1

これはQ.1を答える）のみ。 Facebookの新しい要件： -

• SSL（例：https：//で）使用して
• token_accessをフェッチするためにOauth2.0への切り替えを認証する（したがって、クロスドメインの問題）

またを、I一般に、以下のコードから始めて、ログインプロセス中のユーザーの状態を把握してください。これは、テストフェーズ中に何かとすべてをクリックすることを意味します。

FB.Event.subscribe('auth.authResponseChange', function(response) { 
    alert('The status of the session is: ' + response.status); 
});