【发布时间】：2016-09-08 15:03:53
【问题描述】：
所以我已经尝试了一段时间来集成facebook在Facebook-Social-Button-Plugin提供的这个插件
它甚至提到复制/粘贴给定的代码，以查看它的实际效果：-
<html>
<head>
<title>Your Website Title</title>
<!-- You can use Open Graph tags to customize link previews.
Learn more: https://developers.facebook.com/docs/sharing/webmasters -->
<meta property="og:url" content="http://www.your-domain.com/your-page.html" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Your Website Title" />
<meta property="og:description" content="Your description" />
<meta property="og:image" content="http://www.your-domain.com/path/image.jpg" />
</head>
<body>
<!-- Load Facebook SDK for JavaScript -->
<div id="fb-root"></div>
<script>(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#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<!-- Your share button code -->
<div class="fb-share-button"
data-href="http://www.your-domain.com/your-page.html"
data-layout="button_count">
</div>
</body>
</html>
但页面中没有显示任何内容 所以我是否遗漏了什么或者这个插件有什么问题，比如我需要在一个正在运行的 Web 服务器中而不是在某个 localhost 中获取它，或者它与在 fb 中创建应用程序以使用此功能有关，因为没有提到这些在他们的文档中。
是的，当我在 laravel 框架中构建我的网络应用程序时，我已经尝试根据我的本地主机放置正确的元属性和 data-href。
【问题讨论】：
-
浏览器控制台中是否有任何错误/警告/信息？ localhost 很好，只要您不只是在没有服务器的情况下在浏览器中打开 html 文件。但你绝对应该为它创建一个应用程序，并在 js sdk 代码中包含应用程序 ID。
-
啊，是的，我从没想过检查控制台，因为我信任 FB API，但这是问题所在，
GET file://connect.facebook.net/en_US/sdk.js net::ERR_FILE_NOT_FOUND虽然我想知道为什么，因为我复制粘贴了他们的代码而没有添加任何内容测试。 -
该代码用于您在浏览器中通过
http://或https://调用的网站。以//开头的 URL 是协议相关的，这意味着它使用与请求页面本身相同的协议完成。如果您通过本地文件系统测试您的页面，而不是通过（本地）网络服务器“正确”测试，那当然行不通。 -
是的，实际上我也在实时服务器中使用了它，但是出现了这个问题
VM114 sdk.js:99 Uncaught Error: invalid version specified，解决方案是为 fb jdk 获取一个不同的 url，其中提到了应用程序和应用程序 ID，这是无处可去的在他们的文档中提到。
标签： javascript facebook facebook-graph-api facebook-javascript-sdk social-networking