facebook API 登陆

1.注册开发者帐号 ->https://developers.facebook.com/apps/


完成开发者注册已经 应用创建

2. 开始设置

先点 【Save】在继续

3.设置Facebook js的SDK

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

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

<script>
  window.fbAsyncInit = function() {
    FB.init({
      appId      : '{your-app-id}',
      cookie     : true,
      xfbml      : true,
      version    : '{api-version}'
    });
      
    FB.AppEvents.logPageView();   
      
  };

  (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>

3. 加载网页时应采取的第一步是检查用户是否已使用 Facebook 登录功能登录您的应用。调用 FB.getLoginStatus 即可开始此流程。此函数会触发 Facebook 调用,获取登录状态,并调用包含结果的回调函数。
下面是取自上述示例代码的部分代码,在页面加载期间运行以检查用户登录状态:

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

提供给回调的 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() 呈现“登录”对话框提示他们登录,或展示“登录”按钮。

4. 添加“Facebook 登录”按钮, 您可以轻松地在自己的页面中添加“登录”按钮。请参阅关于“登录”按钮的文档,并根据自己需要的方式设置按钮。然后点击获取代码,系统就会显示您在页面上展示“登录”按钮需要的代码。使用按钮的 onlogin 属性设置一个 JavaScript 回调,用于检查登录状态,了解用户是否成功登录

<fb:login-button 
  scope="public_profile,email"
  onlogin="checkLoginState();">
</fb:login-button>

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

function checkLoginState() {
  FB.getLoginStatus(function(response) {
    statusChangeCallback(response);
  });
}
按照上方的代码,填写之后就有一个图标了

点击之后让你登陆facebook

登陆之后返回

这里记录userID


https://www.hxahr.cn/%e5%85%b3%e4%ba%8e.html/ 这里提供测试

自己写注册登陆 -> to be continued

点赞

发表评论