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