JavaScript SDK - 示例

更新时间: 2026年4月20日

为 LLM 复制

作为 Markdown 查看

请阅读我们的 快速入门 指南，了解如何加载和初始化 Javascript 版 Facebook SDK，并阅读我们的 高级设置 指南，定制自己的实现方案。下面就让我们通过两个示例来了解如何使用此 SDK：

触发分享对话框
Facebook 登录

受支持的浏览器

JavaScript 版 Facebook SDK 支持最热门浏览器的最新两个版本：Chrome、Firefox、Edge、Safari（包括 iOS）和 Internet Explorer（仅限 11 版）。

触发分享对话框

使用分享对话框，用户可以通过网页向 Facebook 时间线发布链接，或创建开放图谱动态。系统将根据加载环境（移动网页或桌面网页）自动设置使用 JavaScript SDK 展示的对话框的格式。

现在我们来看看如何使用此 SDK 的 FB.ui() 方法调用最基本的分享对话框。在基本设置代码中的 FB.init() 调用之后添加下列代码片段：

FB.ui({
method: 'share',
href: 'https://developers.facebook.com/docs/'
}, function(response){});

现在，重新加载页面时，页面顶部会显示一个分享对话框。无论对话框是因发布动态还是因取消操作而关闭，关闭之后即会触发响应函数。

请参阅 FB.ui 参考文档，查看可用参数的完整列表和响应对象的结构。

通过 Facebook 登录，用户可以使用其 Facebook 身份注册或登录您的应用。

我们提供了有关使用 JS SDK 实现 Facebook 登录的完整指南。但现在，我们将仅使用一些基本的示例代码，帮助您了解其工作原理。在原始的 FB.init 调用之后插入下列代码：

FB.login(function(response) {
    if (response.authResponse) {
     console.log('Welcome!  Fetching your information.... ');
     FB.api('/me', function(response) {
       console.log('Good to see you, ' + response.name + '.');
     });
    } else {
     console.log('User cancelled login or did not fully authorize.');
    }
});

请参阅此 Facebook 登录指南，了解这段代码的具体作用。但如果您尚未授予应用权限，则在重新加载页面时将弹出应用的登录对话框。