“Échec du chargement de la ressource” à l'aide de Facebook exemple de code
Je suis en train de lancer le premier exemple de la documentation de l'Facebook JS SDK. J'ai créé une nouvelle application, a créé un nouveau document appelé "facebookTest.html" collé dans le code de l'exemple, et branché dans la nouvelle application de l'ID d'Application. Code comme suit:
<html>
<head>
<title>Login with facebook</title>
<div id="fb-root"></div>
<script>
window.fbAsyncInit = function() {
//init the FB JS SDK
FB.init({
appId : 'my app ID', //App ID from the App Dashboard
status : true, //check the login status upon init?
cookie : true, //set sessions cookies to allow your server to access the session?
xfbml : true //parse XFBML tags on this page?
});
//Additional initialization code such as adding Event Listeners goes here
};
//Load the SDK's source Asynchronously
//Note that the debug version is being actively developed and might
//contain some type checks that are overly strict.
//Please report such bugs using the bugs tool.
(function(d, debug){
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 = document.location.protocol+"//connect.facebook.net/en_US/all" + (debug ? "/debug" : "") + ".js";
ref.parentNode.insertBefore(js, ref);
}(document, /*debug*/ false));
</script>
Lorsque je charge la page, sur la console Javascript je reçois le message d'erreur suivant:
Failed to load resource
Ce que je fais mal?
EDIT: Quand j'ajoute document.location.protocol
avant la "//connect.facebook.net/..."
, comme l'a suggéré ici, l'écran reste blanc, et la console est le suivant:
GET file://connect.facebook.net/en_US/all.js
Est que tout ce code est censé faire? Ou est-il toujours pas?
- Vérifiez votre AdBlock! 🙂
Vous devez vous connecter pour publier un commentaire.
Il y avait quelques choses de mal ici:
besoin de changer
js.src
affectation à:js.src="https://connect.facebook.net/en_US/all.js";
Facebook ne prend plus en charge JS SDK appels effectués à partir d'un fichier local, le script doit être exécuté sur un fichier avec une
http://
ouhttps://
URI, comme par ce rapport de bug sur Facebook. J'ai besoin de télécharger le fichier sur un serveur web, changer la toile URL en conséquence, et refaites le test.js.src
dans le code d'initialisation est le protocole relatif. donc, si vous accédez à un fichier local. il va essayer d'accéder à fb sdk de fichier: et l'erreurlocalhost/FacebookApp
au lieu defile://c:\wamp\www\FacebookApp\index.html
."//connect.facebok....
c'est le protocole relatif. par conséquent. si vous accédez ur la page en local sans serveur c'est à dire à l'aide d'unfile://
, donc facebook init essaie de charger le javascript sdk defile://connect.facebook.net....
qui ne va pas arriver. Si ça ne fonctionne pas. Aussi.. c'est mieux d'avoir js.src point de//connect.facebook.net/en_US/all.js
de sorte que même les requêtes http sont traitées. De toute façon.. je l'ai appris aujourd'hui, Donc la pensée à l'action.il suffit de désactiver adblock,
il fonctionne pour moi
D'abord, vous devez ajouter l'adresse http ou https pour js.src url
Deuxième vous avez besoin d'héberger votre fichier html sur un serveur.
Aller À Facebook développeur et ajouter de domaine de votre site web et obtenir l'id et le coller ci-dessous: