iOS端PWA完成OAuth登录重定向后保持全屏状态的方案咨询

以下是几种可行的策略，解决iOS上OAuth重定向跳出全屏PWA的问题：

• 使用PWA内的弹出式Web视图处理OAuth流程
  在PWA中通过window.open()打开OAuth授权页面，指定noopener和noreferrer参数保证安全。同时准备一个同域的回调页面，当授权服务器重定向到该页面时，页面通过window.opener.postMessage()将认证凭证（如授权码）发送给PWA主窗口，随后调用window.close()关闭弹出窗口。主窗口监听message事件接收凭证，完成后续登录流程。这种方式全程在PWA上下文内，不会唤起Safari。

• 配置通用链接（Universal Links）关联PWA

  1. 在苹果开发者后台为你的域名配置“关联域名”权限，添加applinks:<your-domain>；
  2. 在网站根目录放置apple-app-site-association文件，文件中指定PWA的关联信息（确保文件能通过HTTPS访问，且没有.json后缀）；
  3. 在PWA的manifest.json中添加related_applications字段，关联你的网站域名；
  4. 让OAuth授权服务器将重定向地址设置为你的通用链接地址。这样iOS会识别该链接属于PWA，直接唤起全屏应用而非浏览器。

• 通过后端代理完成OAuth流程
  让PWA将OAuth授权请求发送到你的后端服务器，由后端负责与授权服务器交互（包括跳转、获取令牌等步骤）。PWA只需等待后端返回认证结果，全程不需要跳转至外部站点。这种方式完全避免了前端跳转问题，适合对前端交互复杂度敏感的场景，但需要后端支持OAuth代理逻辑。

• 优化PWA配置确保回调页面被识别
  确保PWA的manifest.json中display字段设置为fullscreen或standalone；同时在回调页面的HTML头部添加<meta name="apple-mobile-web-app-capable" content="yes">元标签，并引用与主应用相同的manifest.json文件。这样当重定向到回调页面时，iOS会将其视为PWA的一部分，保持全屏状态。

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