共享设备场景下，如何强制PWA的Facebook OAuth登录要求输入用户名？

好问题！针对共享设备（比如工作手机/电脑）场景下的Facebook OAuth账号切换痛点，确实有官方支持的方案可以强制登录流程要求用户输入完整账号信息，而非直接复用设备上已有的登录会话：

• 强制显示账号选择器或登录表单：使用prompt参数
  Facebook的OAuth授权流程支持prompt参数，你可以在授权请求中添加以下两种值之一：

  • prompt=select_account：会强制弹出账号选择界面，用户可以选择已登录的其他账号，或者点击「使用其他账号」来输入新的用户名/邮箱和密码。这种方式兼顾了灵活性和切换需求，适合需要快速切换账号的场景。
  • prompt=login：会直接跳转到完整的登录表单，要求用户输入邮箱/手机号和密码，完全绕过设备上已有的登录会话。这正是你想要的「强制输入用户名」的效果，适合安全性要求较高的共享设备场景。

• 通过Facebook SDK或URL构造实现
  如果你的PWA使用Facebook JavaScript SDK发起登录请求，可以在FB.login()的配置选项中添加该参数：

  FB.login(function(response) {
    // 处理登录成功/失败的逻辑
  }, {
    scope: 'public_profile,email', // 你的应用所需权限
    prompt: 'login' // 替换为'select_account'可切换为账号选择模式
  });
  

  如果你是直接构造授权URL，只需在URL末尾追加参数即可：

  https://www.facebook.com/v18.0/dialog/oauth?client_id=你的应用ID&redirect_uri=你的回调地址&scope=public_profile,email&prompt=login
  

• 注意事项

  • 确保你的Facebook API版本在v2.0及以上（目前主流版本都支持该参数）；
  • prompt=login会增加用户的操作步骤，对于频繁使用同一设备的用户可能体验稍差，可根据你的应用场景权衡选择；
  • 这些参数是Facebook官方支持的，无需额外申请权限，直接使用即可。

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