美文网首页
2018-11-08

2018-11-08

作者: 尼尔君 | 来源:发表于2018-11-08 14:04 被阅读0次

    快速入门:JavaScript 版 Facebook SDK

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

    • 您可以在自己的网站上集成“赞”按钮和其他社交插件

    • 您可以在自己的网站中集成 Facebook 登录,让用户更轻松方便地注册。

    • 您可以轻松地调用 Facebook 图谱 API

    • 您可以启动便于用户执行分享动态等各种操作的对话框。

    • 如果您在 Facebook 开放平台中构建游戏应用标签,这些功能还可帮助您与用户交流。

    本快速入门指南将介绍如何设置 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 开放平台应用的编号。您可以通过应用面板找到此编号。

    后续步骤

    高级设置使用示例

    相关文章

      网友评论

          本文标题:2018-11-08

          本文链接:https://www.haomeiwen.com/subject/xhkwxqtx.html