web-dev-qa-db-fra.com

"Échec du chargement de la ressource" à l'aide de l'exemple de code de Facebook

J'essaie de lancer le premier exemple tiré de la documentation du SDK JS de Facebook. J'ai créé une nouvelle application, créé un document vierge appelé "facebookTest.html", collé dans le code de l'exemple et inséré l'identifiant d'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, le message d'erreur suivant s'affiche sur la console Javascript:

Failed to load resource

Qu'est-ce que je fais mal?

EDIT: Lorsque j'ajoute document.location.protocol avant le "//connect.facebook.net/...", comme suggéré ici , l'écran reste vide et la console affiche les informations suivantes:

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

Est-ce que tout ce code est censé faire? Ou est-ce qu'il échoue encore?

javascriptfacebookfacebook-javascript-sdk
23
sigil

Il y a quelques erreurs ici:

  1. nécessaire de changer l'assignation js.src en: 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 UID http:// ou https://, conformément à ce rapport de bogue sur Facebook . J'aurai besoin de télécharger le fichier sur un serveur Web, de modifier l'URL de la toile en conséquence et de refaire le test.

39
sigil

il suffit de désactiver adblock, cela fonctionne pour moi

11
yawa yawa

Vous devez d’abord ajouter http ou https à l’URL js.src

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

6
user3059993

Allez sur Facebook développeur et ajoutez votre domaine de site Web et obtenez l'id et coller ci-dessous:

 appId : 'my app ID', // App ID from the App Dashboard
0
Developerajay