如何创建 Facebook 登录功能

什么是 Facebook 登录？

Facebook 登录（Facebook Login）是一种社交身份验证方式，允许用户使用其 Facebook 账号一键登录第三方网站或应用，简化注册与登录流程，提升用户体验。

集成步骤概览

1. 前往 Facebook 开发者平台 创建应用。
2. 获取 App ID 和 App Secret。
3. 配置有效 OAuth 重定向 URI。
4. 在前端页面加载 Facebook SDK。
5. 调用 FB.login() 实现登录逻辑。
6. 后端验证访问令牌（access token）以确保安全。

前端代码示例（HTML + JavaScript）

<div id="fb-root"></div>
<script async defer crossorigin="anonymous" 
  src="https://connect.facebook.net/zh_CN/sdk.js#xfbml=1&version=v20.0&appId=YOUR_APP_ID&autoLogAppEvents=1">
</script>

<button onclick="loginWithFacebook()">使用 Facebook 登录</button>

<script>
function loginWithFacebook() {
  FB.login(function(response) {
    if (response.authResponse) {
      console.log('登录成功');
      // 可将 response.authResponse.accessToken 发送到你的服务器进行验证
    } else {
      console.log('用户取消登录或发生错误');
    }
  }, {scope: 'public_profile,email'});
}
</script>

注意事项

• 必须在 HTTPS 环境下使用（本地 localhost 除外）。
• 需在 Facebook 应用设置中添加你的域名到“有效 OAuth 重定向 URI”。
• 不要在前端暴露 App Secret，仅用于后端验证。