快速入门: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 开放平台应用的编号。您可以通过应用面板找到此编号。
网友评论