JavaScript SDK - 示例

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

• 触发分享对话框
• Facebook 登录

触发分享对话框

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

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

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

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

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

Facebook 登录

通过 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.');
    }
});
    

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