web-dev-qa-db-fra.com

FB n'est pas défini javascript

J'ai un problème avec FB JS SDK.

J'essaie de faire une demande pour obtenir le fan_count d'un nœud de page Facebook.

Voici mon code de mon fichier html dans le corps:

<script>
  window.fbAsyncInit = function() {
      FB.init({
        appId      : 'your-app-id',
        xfbml      : true,
        version    : 'v2.5'
      });
    };

    (function(d, s, id){
      var js, fjs = d.getElementsByTagName(s)[0];
      if (d.getElementById(id)) {return;}
      js = d.createElement(s); js.id = id;
      js.src = "//connect.facebook.net/en_US/sdk.js";
      fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));
</script>

Et quand j'utilise ceci sur mon application js, je l'utilise:

init();

function init() {
  var id_fb  = "l214.animaux";
  while (true) {
    console.log("je suis ici");
    FB.api(
      '/' + id_fb +  '/',
      'GET',
      {"fields":"fan_count"},
      function(response) {
        alert(response.fan_count);
      }
    );
  }
}

Mais l'erreur est que FB n'est pas défini. Aucune suggestion ?

javascriptfacebookfacebook-graph-apifacebook-javascript-sdk
15
Couim

Ce serait correct, vous devez utiliser FB après l'initialisation du SDK JS. Cela étant dit, vous ne voulez certainement pas appeler FB.api dans une boucle infinie, j'ai donc supprimé cette partie:

<script>
    function init() {
        FB.api(
          '/l214.animaux',
          {"fields":"fan_count"},
          function(response) {
            alert(response.fan_count);
          }
        );
    }

    window.fbAsyncInit = function() {
      FB.init({
        appId      : 'your-app-id',
        xfbml      : true,
        version    : 'v2.5'
      });

      init();
    };

    (function(d, s, id){
      var js, fjs = d.getElementsByTagName(s)[0];
      if (d.getElementById(id)) {return;}
      js = d.createElement(s); js.id = id;
      js.src = "//connect.facebook.net/en_US/sdk.js";
      fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));
</script>

Assurez-vous de l'exécuter à partir d'un serveur réel, n'ouvrez pas simplement vos fichiers HTML dans un navigateur sans au moins un serveur local.

18
luschn

J'ai eu cette erreur parce que j'écris le code init dans un fichier js indépendant, donc bien sûr FB n'est pas défini, car il devrait être window.FB.

mon code:

class FacebookUtil {

  static init() {
    // comes from https://developers.facebook.com/docs/javascript/quickstart
    // notice FB should be window.FB
    window.fbAsyncInit = function() {
      window.FB.init({
        appId            : '...',
        autoLogAppEvents : true,
        xfbml            : true,
        version          : 'v2.10'
      });
      window.FB.AppEvents.logPageView();
    };

    (function(d, s, id){
      var js, fjs = d.getElementsByTagName(s)[0];
      if (d.getElementById(id)) {return;}
      js = d.createElement(s); js.id = id;
      js.src = "//connect.facebook.net/en_US/sdk.js";
      fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));
  }

  static login() {
    window.FB.login(...)
  }

}
8
Spark.Bao