ПРИМЕЧАНИЕ. Я прочитал все связанные с этим вопросы по этой проблеме, но я не смог найти решение для своей проблемы.
Facebook API API HTTPS
Facebook: проблема с небезопасным JavaScript (значения document.domain должны быть одинаковыми)
Я столкнулся с заблокированной рамкой facebook api issue:
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. Я следил за учебником facebook, и я использую этот код.
window.fbAsyncInit = function() { FB.init({ appId : 'appID', status : true, channelUrl : 'http://staging.mywebsite.com/login/channel', cookie : true, xfbml : true }); FB.login(function(response) { if (response.authResponse) { console.log('done'); } else { console.log('problem'); } }); FB.Event.subscribe('auth.login', function(response) { console.log('test reponse'); console.log(response); }); }; (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));
/ login / channel содержит:
$cache_expire = 60*60*24*365; header("Pragma: public"); header("Cache-Control: max-age=".$cache_expire); header('Expires: ' . gmdate('D, d MYH:i:s', time()+$cache_expire) . ' GMT'); echo '<script src="//connect.facebook.net/en_US/all.js"></script>';
Кнопка входа в fb:
<fb:login-button width="200" max-rows="1" scope="email,user_birthday,user_interests,user_likes,user_location,user_hometown,user_mobile_phone,user_address"></fb:login-button>
Я тоже это пробовал, но это не устранило проблему:
channelUrl : '//staging.mywebsite.com/login/channel', //same issue
я что-то пропустил? или, может быть, я должен что-то изменить в настройках приложения fb?
Похоже, вам, возможно, потребуется изменить код ниже, чтобы перейти на https
(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 = "https://connect.facebook.net/en_US/all.js"; ref.parentNode.insertBefore(js, ref); }(document));
Кроме того, src = "// domain.com наследует протокол. Вы можете попробовать:
echo '<script src="https://connect.facebook.net/en_US/all.js"></script>';