Javascript Girl
  1. Javascript Girl
  3. Connexion Facebook bloqué un problème d'image
Intereting Posts
Le serveur Node.js accepte les demandes POST Comment accéder aux objets `window` (Target page) lorsque les valeurs @grant sont définies? Appeler la fonction Android depuis javascript Comment SetTimeout fonctionne-t-il dans Node.JS? Obtenir l'état http de la page actuelle à partir de javascript Comment ouvrir Outlook Calendar à partir d'un lien de messagerie ou d'un site Web? Fonction Javascript pour convertir la date aaaa / mm / jj / jj / mm / aa Protéger le mot-clé en Javascript Connexion javascript au code du site ne fonctionne pas Comment puis-je masquer le code javascript dans une page Web? F # / outil JavaScript? Incorporation du moteur JavaScript dans .NET IE8 Javascript ne fonctionne que si les outils de développement sont ouverts? Puis-je ouvrir une nouvelle fenêtre et changer le DOM de la fenêtre d'appel en JavaScript? Relier une fonction javascript existante dans JQuery

Connexion Facebook bloqué un problème d'image

REMARQUE: J'ai lu toutes les questions liées à ce problème, mais je n'ai pas trouvé de solution pour mon problème.

Problème HTTPS de l'API de connexion de Facebook

Facebook: problème de sécurité dangereux (document.domain values ​​should be same)

Je suis confronté à la question bloquée du cadre 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.

J'ai suivi le tutoriel facebook api et j'utilise ce code. 

  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 contient: 

  $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>';

Bouton de connexion 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>

J'ai essayé cela aussi, mais cela n'a pas résolu le problème: 

  channelUrl : '//staging.mywebsite.com/login/channel', //same issue

Est-ce que j'ai manqué quelque chose? Ou peut-être que je devrais changer quelque chose dans les paramètres de l'application fb?

Il semble que vous pourriez avoir besoin de modifier le code ci-dessous pour passer en revue 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));

De plus, src = "// domain.com héritera du protocole. Vous pouvez essayer: 

 echo '<script src="https://connect.facebook.net/en_US/all.js"></script>';