使用Facebook JavaScript SDK注册：无账号创建后无法直接完成注册的疑问

首先可以明确：这不是你或Spotify的实现错误，Facebook JavaScript SDK本身确实存在这个行为限制。

为什么会出现这个问题？ #

当用户通过SDK的登录弹窗创建新Facebook账号时，账号创建完成后，弹窗内的会话状态并没有即时同步到你的网站页面的SDK实例中。这就导致FB.login的回调函数不会被触发，你的网站无法感知到新账号已经创建并完成授权，因此注册流程会卡住。

临时解决方案的合理性 #

你目前采用的“用户创建账号后再次点击注册按钮”的方式是完全可行的——第二次点击会重新调用FB.login，此时SDK会检测到已经存在有效的会话，直接触发回调并完成注册流程。

更流畅的优化方案 #

如果你想优化用户体验，可以尝试主动检查登录状态的方式，避免让用户手动点击两次：

• 在登录弹窗关闭后，主动调用FB.getLoginStatus()来检查当前的登录状态。如果检测到已登录（新创建的账号），则自动触发后续的注册流程。
• 可以结合弹窗的Promise回调来实现这个逻辑，示例代码如下：

FB.login(function(response) {
  // 常规登录成功后的处理逻辑
}, { scope: 'email' }).then(() => {
  // 弹窗关闭后立即检查登录状态
  FB.getLoginStatus(function(statusResponse) {
    if (statusResponse.status === 'connected') {
      // 触发你的注册流程
      finishRegistration(statusResponse.authResponse);
    }
  });
});

需要注意的是，这种主动检查的方式可能会因为Facebook会话同步的轻微延迟，存在小概率的失效情况，但相比让用户手动操作，体验已经提升很多。

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