新的Facebook登录指南

时间:2012-02-07 18:28:57

标签: php javascript facebook facebook-graph-api

Facebook曾经有一个地方,我们可以在用户点击登录按钮后输入URL,但这似乎已经在新的设置页面上消失了。

是否有基于Facebook上的新更新的指南?我正在建立一个网站,并希望使用Facebook登录来让用户登录该网站并从我的数据库加载他们的记录。

1 个答案:

答案 0 :(得分:1)

以下是您的问题的解决方案一步一步:)

您可以通过5个步骤解决问题

第1步

使用link创建一个新的Facebook应用,并记下其应用ID / API密钥

第2步

使用您在第1步

中记下的应用ID / API密钥

以下代码将使用所有常用选项加载和初始化JavaScript SDK。将 YOUR_APP_ID WWW.YOUR_DOMAIN.COM 替换为适当的值。放置此代码的最佳位置就在打开<body>标记之后。

<div id="fb-root"></div>
<script>
  window.fbAsyncInit = function() {
FB.init({
  appId      : 'YOUR_APP_ID', // App ID
  channelUrl : '//WWW.YOUR_DOMAIN.COM/channel.html', // Channel File
  status     : true, // check login status
  cookie     : true, // enable cookies to allow the server to access the session
  xfbml      : true  // parse XFBML
  oauth      : true,
});

// Additional initialization code here
  };

  // Load the SDK Asynchronously
  (function(d){
 var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
 js = d.createElement('script'); js.id = id; js.async = true;
 js.src = "//connect.facebook.net/en_US/all.js";
 d.getElementsByTagName('head')[0].appendChild(js);
   }(document));
</script>

第3步

使用以下代码

创建channel.html文件
  <?php
    $cache_expire = 60*60*24*365;
    header("Pragma: public");
    header("Cache-Control: max-age=".$cache_expire);
    header('Expires: ' . gmdate('D, d M Y H:i:s', time()+$cache_expire) . ' GMT');
  ?>
  <script src="//connect.facebook.net/en_US/all.js"></script>

第4步
将XML命名空间添加到文档的<html>标记中。这对于XFBML在早期版本的Internet Explorer中工作是必要的。

<html xmlns:fb="http://ogp.me/ns/fb#">

第5步

将JavaScript SDK加载到页面并使用appId进行初始化后,只需使用div类元素将登录按钮添加到页面中,如下所示:

<div class="fb-login-button">Login with Facebook</div>

您可以详细阅读以上所有信息,其中几乎所有信息均来自链接

  1. here you can get javascript, channel file details and other details
  2. 谢谢...