快速入门:JavaScript 版 Facebook SDK

JavaScript 版 Facebook SDK 提供丰富的客户端功能。通过这些功能:

  • 您可以在自己的网站上集成“赞”按钮和其他社交插件
  • 您可以在自己的网站中集成 Facebook 登录,让用户更轻松方便地注册。
  • 您可以轻松地调用 Facebook 图谱 API
  • 您可以启动便于用户执行分享动态等各种操作的对话框。
  • 如果您在 Facebook 开放平台中构建游戏应用标签,这些功能还可帮助您与用户交流。

SDK、社交插件和对话框适用于电脑版和移动版网页浏览器。

本快速入门指南将介绍如何设置 SDK,并讲解一些基本的图谱 API 调用方法。如果您尚未设置,则可以通过 JavaScript 测试平台使用所有 SDK 方法并研究一些示例(您可以跳过设置步骤,但本快速入门指南所述的其他功能均可在测试平台中测试)。

基本设置

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

以下代码片段将提供基础版的 SDK,其中的选项将设置为最常用的默认设置。请直接将此代码片段插入想要加载 SDK 的每个页面的开始 <body> 标签之后:

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

  (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 = "https://connect.facebook.net/en_US/sdk.js";
     fjs.parentNode.insertBefore(js, fjs);
   }(document, 'script', 'facebook-jssdk'));
</script>
    

此代码将加载初始化 SDK。您必须将 your-app-id 中的值替换为自己的 Facebook 开放平台应用的编号。您可以通过应用面板找到此编号。