使用Facebook API登录网站时如何保持用户持久登录状态？

你当前代码的核心问题有两个：

1. FB SDK初始化时未开启cookie存储配置，无法将Facebook登录态持久化到你的站点域名下
2. 页面加载/刷新后没有主动触发登录状态校验，页面默认渲染未登录状态的UI

1. 调整FB SDK初始化配置 #

在你的FB初始化代码中，确保开启cookie参数为true，并在SDK初始化完成后主动调用一次登录状态检查：

window.fbAsyncInit = function() {
  FB.init({
    appId      : '你的Facebook应用ID',
    cookie     : true, // 必须开启，允许Facebook在你的站点域名下存储登录态cookie
    xfbml      : true,
    version    : 'v18.0' // 替换为你实际使用的API版本号
  });
    
  // 重点：SDK初始化完成后立刻检查登录状态，刷新/重新打开页面时会自动执行
  checkLoginState();
};

2. 可选：优化登录状态校验逻辑 #

如果需要每次都获取服务端最新的登录状态，避免本地缓存导致状态异常，可以给FB.getLoginStatus传入第二个参数true：

function checkLoginState() {
    // 第二个参数设为true，强制从Facebook服务端拉取最新登录状态
    FB.getLoginStatus(function(response) {
        statusChangeCallback(response);
    }, true);
}

补充说明 #

• Facebook官方会自动管理登录态有效期，默认有效期为90天，用户主动撤销授权、修改账号密码等操作会导致登录态提前失效，属于正常业务逻辑
• 请勿自行将accessToken存储在localStorage等前端存储中，存在XSS泄露风险，直接通过FB SDK提供的API获取状态即可

内容的提问来源于stack exchange，提问作者Aryan