Javascript Girl
  1. Javascript Girl
  3. "Impossible de charger des ressources" à l'aide du code d'exemple de Facebook
Intereting Posts
Création dynamique d'éléments SVG avec javascript dans HTML Comment l'internationalisation fonctionne-t-elle en JavaScript? Comment se connecter à la base de données mysql dans phonegap Demandes Ruby on Rails en attente sur Google Chrome Besoin de rafraîchir le contenu de la page Bouton Tweet et infoWindow Jquery / Javascript – Mise en surbrillance de la syntaxe en tant que types d'utilisateurs dans le contenuEdition de région Quelle est la meilleure façon de convertir un nombre en une chaîne JavaScript? Retourner une fonction de l'enveloppe anonyme? Existe-t-il une différence entre une fonction avec et sans déclaration de retour? JavaScript async / attend pour promesses dans Array.map () Objet passant par Javascript pour fonctionner En utilisant angularjs JSONP lorsque le rappel ne peut pas être défini Meilleure façon de charger le script dynamique Comment fonctionne.bind.bind (Function.call) uncurry?

"Impossible de charger des ressources" à l'aide du code d'exemple de Facebook

J'essaie d'exécuter le premier exemple de la documentation du Facebook JS SDK. J'ai créé une nouvelle application, créé un document vierge appelé "facebookTest.html", collé dans le code de l'exemple et branché l'ID de l'application de la nouvelle 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 de Javascript, je reçois le message d'erreur suivant:

Failed to load resource

Qu'est-ce que je fais mal?

EDIT: Lorsque j'ajoute document.location.protocol avant le "//connect.facebook.net/..." , comme "//connect.facebook.net/..." ici , l'écran reste vide et la console affiche ce qui suit: 

 GET file://connect.facebook.net/en_US/all.js

Est-ce que tout ce code est supposé faire? Ou est-ce que cela échoue encore?

Il y avait quelques choses mal ici:

  1. js.src modifier l'attribution js.src à: js.src="https://connect.facebook.net/en_US/all.js";

  2. Facebook ne prend plus en charge les appels JS SDK effectués à partir d'un fichier local, le script doit être exécuté sur un fichier avec un http:// ou https:// URI, selon ce rapport de bug sur Facebook . Je devrai télécharger le fichier sur un serveur Web, modifier l'URL de la toile en conséquence et retoucher.

D'abord, vous devez ajouter une URL http ou https à js.src

Deuxièmement, vous devez héberger votre fichier html sur un serveur.