FacebookログインAPI HTTPS問題

Question

私が取り組んでいるウェブサイトはFacebookのログインオプションを持っていますが、最近、ユーザーはそれが働いていないと報告しました。

Blocked a frame with origin "https://www.facebook.com" from accessing a frame 
with origin "http://static.ak.facebook.com". The frame requesting access has 
a protocol of "https", the frame being accessed has a protocol of "http". 
Protocols must match. 

は、私はそれが同じプロトコル上で動作するようになりますAPIにフィードすることができますオプションがあります：私は、私は私のコンソールでこのエラーを得た、など私の拡張機能を無効にして？参考までに、プライマリWebサイトはHTTP（Sなし）で動作します。

私は突然仕事が止まったようです（しかし、これはいつも私が新しく、このシステムを学んでいるので、これはいつも問題だったようです）。

私は私のページの麓にこのコードを持っている：

<div id="fb-root"></div> 
<script> 
    window.fbAsyncInit = function() { 
     FB.init({ 
      appId : ..., // App ID 
      status : true, // check login status 
      cookie : true, // enable cookies to allow the server to access the session 
      xfbml : true, // parse XFBML 
      channel: '//...mychannel.../channel' 
     }); 

     FB.Event.subscribe('auth.authResponseChange', function(fbResponse) { 
      // function that logs in user 
     }); 
    }; 

    // Load the SDK Asynchronously 
    (function(d){ 
     var js, id = 'facebook-jssdk', ref = d.getElementsByTagName('script')[0]; 
     if (d.getElementById(id)) {return;} 
     js = d.createElement('script'); js.id = id; js.async = true; 
     js.src = "//connect.facebook.net/en_US/all.js"; 
     ref.parentNode.insertBefore(js, ref); 
    }(document)); 
</script> 

Answer 1

これは価値があるため、私はこの問題をHTTPSに変換することで問題を解決しました（これは私がやっていたはずのことです）。

Answer 2

あなたはjavascriptのSDKの非同期をロードしていない場合、あなたはこのエラーをたくさん見ることができました。

を参照してください：あなたはIFRAMEコードを介して、任意のFacebookのプラグインを使用している場合は、ほかにhttps://developers.facebook.com/docs/javascript/quickstart

、SRCのURLプロトコルが一致することを確認してください。私は...この問題に
私の解決策となってきた

<div id="fb-root"></div> 
<script> 
    window.fbAsyncInit = function() { 
    // init the FB JS SDK 
    FB.init({ 
     appId  : 'YOUR_APP_ID',      // App ID from the app dashboard 
     channelUrl : '//WWW.YOUR_DOMAIN.COM/channel.html', // Channel file for x-domain comms 
     status  : true,         // Check Facebook Login status 
     xfbml  : true         // Look for social plugins on the page 
    }); 

    // Additional initialization code such as adding Event Listeners goes here 
    }; 

    // Load the SDK asynchronously 
    (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/all.js"; 
    fjs.parentNode.insertBefore(js, fjs); 
    }(document, 'script', 'facebook-jssdk')); 
</script> 

Answer 3

：
は、静的なページに自分のFacebookの呼び出しを移動 ...

(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#xfbml=1&appId=IDDDD"; 
fjs.parentNode.insertBefore(js, fjs); 
}(document, 'script', 'facebook-jssdk')); 

は、AJAXコールバックを設定します。

try{setTimeout(FB.XFBML.parse);}catch(e){} 

happy :)

jクエリの例：

Answer 4

私の開発環境で同じ問題がありました。 解決する手順（どちらが正しいかわからない）：

1. アプリケーションからログアウトします。
2. ブラウザからすべてのCookieを削除します。
3. FBに目的のユーザーとしてログインします（開発者ページではなく、ユーザーのアプリケーションの権限ページにログインします）。
4. FB権限ページからapp権限を削除します。
5. FBからログアウトします。
6. アプリをリロードし、ログインしてみてください。

私は、私はそれにいくつかの時間を費やしていない限り、このようなブードゥー教の回答で答えていないだろう、とそこから私を取得するために魔法の任意の並べ替えを大切でしょう。