快速入门:JavaScript 版 Facebook SDK

JavaScript 版 Facebook SDK 提供丰富的客户端功能,您可以借助这些功能实现以下操作:

本快速入门将介绍如何设置 JavaScript 版 Facebook SDK 并用它来发出一些基本的图谱 API 调用。如果您暂时不想进行此设置,可以通过 JavaScript 测试平台使用所有 JavaScript 版 Facebook SDK 方法,并探索一些示例(您可以跳过设置步骤,在 JavaScript 测试平台中测试本快速入门中的后续步骤)。

支持的浏览器

JavaScript 版 Facebook SDK 支持以下热门浏览器的两个最新版本:Chrome、Firefox、Safari(包括 iOS)和 Internet Explorer(仅支持 11 版本)。

基本设置

JavaScript 版 Facebook SDK 无需下载或安装任何独立文件,您只需在 HTML 中添加一小段常规 JavaScript,即可将 SDK 异步加载至您的页面。异步加载不会阻止浏览器加载页面的其他元素。

以下代码片段将提供 JavaScript 版 Facebook SDK 基础版,其中的选项将设置为最常用的默认设置。您应该将代码片段直接插在要加载该代码片段的每个网页的开始 <body> 标签之后:

<script>
  window.fbAsyncInit = function() {
    FB.init({
      appId            : 'your-app-id',
      xfbml            : true,
      version          : 'v21.0'
    });
  };
</script>
<script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js"></script>

上述代码将加载初始化 JavaScript 版 Facebook SDK。您必须将 your-app-id 中的值替换为您自己的 Facebook 应用编号。您可以在应用面板中查看此编号。