JavaScript Facebook 图形 API

Question

TLDR:- JS 业余爱好者。调用 Graph API、FB.INIT() 在我的本地计算机上不起作用。但在我的 Github 静态网站上工作。为什么？

详细信息: 我正在自学(或尝试学习)网络应用程序开发，在阅读了一些教程后，我想到了使用调用 FB 图 API 的 JS 创建网页。

复制FB提供的代码来加载SDK和显示类似按钮的逻辑。

当我通过浏览器打开 HTML 时没有任何反应，但当我将其推送到 GitHub 时，它起作用了!不知道为什么？

    <script>

  window.fbAsyncInit = function() {
    FB.init({
      appId      : 'xxxxxxxxxxxxx',
      xfbml      : true,
      version    : 'v2.6'
    });
  };

  (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>
-----------------------------------------
**Code to show like/share buttons:-**

    <div
  class="fb-like"
  data-share="true"
  data-width="45"
  data-show-faces="true">
</div>

____________________________________--

感谢您花时间阅读本文。

Answer 1

这是因为您为 Facebook 应用指定的回调 url 是 github 的 url。您可以更改它一段时间并测试一下，它适用于“localhost”，但不适用于“127.0.0.1”。

或者您可以创建两个应用程序。