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에 공급할 수있는 옵션이 있습니까 : 나는 등, 내 콘솔에서이 오류가 발생했습니다 내 확장을 비활성화? 참고로 기본 웹 사이트는 HTTP (S)가 아닙니다.

갑자기 작동이 멈춘 것처럼 보이기 때문에 특히 이상합니다 (그러나이 시스템을 처음 배우면서이 문제는 항상 있었지만 가능했습니다).

당신이 자바 스크립트 SDK를 비동기를로드하지 않는 경우

<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

,이 오류를 많이 볼 수 있습니다 :

나는 나의 페이지 기슭에이 코드가 있습니다.

은 참조 : 당신은 iframe이 코드를 통해 어떤 페이스 북 플러그인을 사용하는 경우, 추가로 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

내가이 문제를 봤는데 ...
내 솔루션 :

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

:

(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')); 

는 아약스 콜백을 설정
이 ... 정적 페이지에 페이스 북의 전화를 이동

happy :)

j 검색어 예 :

Answer 4

내 개발 환경에서 동일한 문제가있었습니다. 해결 방법 (어느 쪽이 좋았는지 확실하지 않음) :

1. 로그 아웃합니다.
2. 브라우저에서 모든 쿠키를 삭제하십시오.
3. FB에 의도 한 사용자로 로그인하십시오 (개발자 페이지가 아닌 사용자 앱 권한 페이지).
4. FB 권한 페이지에서 앱 권한을 삭제하십시오.
5. FB에서 로그 아웃합니다.
6. 앱을 새로 고침하고 로그인하려고합니다.

내가 거기에 약간의 시간을 보냈다하지 않는 한 이러한 부두 질문에 대답하지 않았을, 그리고 그것의 저를 얻기 위해 마법 어떤 종류의 가치를 것

.