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





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


2. 开始设置

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
登陆之后返回

https://www.hxahr.cn/%e5%85%b3%e4%ba%8e.html/ 这里提供测试
自己写注册登陆 -> to be continued