Facebook认证登录

原文链接:https://developers.facebook.com/apps/934011906804843/fb-login/quickstart/

JavaScript 版 Facebook SDK 无需下载和安装任何独立文件,您只需在 HTML 中添加一小段正确的 JavaScript,即可将 SDK 异步加载至您的页面。异步加载不会阻止浏览器加载页面的其他元素。

以下代码片段将提供基础版的 JavaScript 版 Facebook SDK,其中的选项将设置为最常用的默认设置。在要使用 Facebook 分析的每个页面的  开始标签后直接插入以下代码片段。将 {your-app-id} 替换为应用编号,将 {api-version} 替换为所指向的 API 的版本号。当前版本是:v3.2


提供给回调的 response 对象包括许多字段:


{
    status: 'connected',
    authResponse: {
        accessToken: '...',
        expiresIn:'...',
        signedRequest:'...',
        userID:'...'
    }
}

status 表示应用用户的登录状态。状态可以是以下某个值:

  • connected — 用户已登录 Facebook 和您的应用。

  • not_authorized — 用户已登录 Facebook,但未登录您的应用。

  • unknown — 用户未登录 Facebook,所以不知道其是否已登录您的应用,或者 FB.logout() 在之前已被调用,因此无法连接至 Facebook。

如果状态为 authResponse,则响应对象将包括 connected,分为以下部分:

  • accessToken — 包括应用用户的访问口令。

  • expiresIn — 表示口令到期且需要更新的 UNIX 时间。

  • signedRequest — 经签名的参数,其中包括应用用户的信息。

  • userID — 应用用户的编号。

知道用户的登录状态后,应用就可以执行以下操作之一:

  • 如果用户登录了 Facebook 和您的应用,可将他们重定向至应用的登录后体验。

  • 如果用户未登录您的应用,或未登录 Facebook,则可以通过 FB.login() 呈现“登录”对话框提示他们登录,或展示“登录”按钮。

使用按钮的 onlogin 属性设置一个 JavaScript 回调,用于检查登录状态,了解用户是否成功登录:

回调如下所示。它将调用 FB.getLoginStatus() 来获取最新的登录状态。(statusChangeCallback() 是一个函数,属于处理响应的示例的一部分。)


function checkLoginState() {
  FB.getLoginStatus(function(response) {
    statusChangeCallback(response);
  });
}

 

 

 

 

你可能感兴趣的:(FaceBook)