2018-11-08
快速入门：JavaScript 版 Facebook SDK
JavaScript 版 Facebook SDK 提供丰富的客户端功能。通过这些功能：
-
您可以在自己的网站中集成 Facebook 登录，让用户更轻松方便地注册。
-
您可以轻松地调用 Facebook 图谱 API。
-
您可以启动便于用户执行分享动态等各种操作的对话框。
本快速入门指南将介绍如何设置 SDK，并讲解一些基本的图谱 API 调用方法。如果您尚未设置，则可以通过 JavaScript 测试平台使用所有 SDK 方法并研究一些示例（您可以跳过设置步骤，但本快速入门指南所述的其他功能均可在测试平台中测试）。
支持的浏览器
JavaScript 版 Facebook SDK 支持以下热门浏览器的两个最新版本：Chrome、Firefox、Safari（包括 iOS）和 Internet Explorer（仅支持 11 版本）。
基本设置
JavaScript 版 Facebook SDK 无需下载和安装任何独立文件，您只需在 HTML 中添加一小段正确的 JavaScript，即可将 SDK 异步加载至您的页面。异步加载不会阻止浏览器加载页面的其他元素。
以下代码片段将提供基础版的 SDK，其中的选项将设置为最常用的默认设置。请直接将此代码片段插入想要加载 SDK 的每个页面的开始 <body> 标签之后：
<pre class="_5s-8 prettyprint lang-code prettyprinted" style="padding: 12px; border: 1px solid rgb(141, 148, 158); background-color: rgb(28, 30, 33); border-radius: 3px; color: rgb(255, 255, 255); direction: ltr; font-family: Menlo, Consolas, Monaco, monospace; font-size: 15px; line-height: 20px; margin: 20px 0px; overflow: auto; overflow-wrap: normal;"><script> window.fbAsyncInit = function() { FB.init({ appId : 'your-app-id', autoLogAppEvents : true, xfbml : true, version : 'v3.2' }); }; (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> </pre>
此代码将加载并初始化 SDK。您必须将 your-app-id 中的值替换为自己的 Facebook 开放平台应用的编号。您可以通过应用面板找到此编号。
