Plaid iOS端重定向引发会话丢失问题求助

问题背景 #

我们的Vue应用通过iframe嵌入在合作伙伴的App中，使用Plaid实现用户添加银行账户功能，Android端运行正常，但iOS端完成银行OAuth认证后，sessionStorage和localStorage全部丢失，用户回到未授权页面。

流程步骤：

1. 前端调用后端API获取Plaid返回的LinkToken
2. 前端从CDN加载Plaid JS SDK
3. 前端创建Plaid实例并打开模态框：Plaid.create({ token: linkToken }).open()
4. 若银行需OAuth认证，Plaid会打开新窗口加载登录页，认证成功后关闭窗口，更新原webview并触发onSuccess完成账户添加

已尝试方案：切换使用localStorage/sessionStorage、在Plaid控制台配置正确的重定向链接，问题仍未解决。

解决方案建议 #

1. 检查iOS WebView的存储权限配置 #

iOS的WKWebView对跨域场景下的存储有严格限制，需确认合作伙伴的App是否配置了以下内容：

• 启用第三方Cookie：在WKWebViewConfiguration中设置websiteDataStore = WKWebsiteDataStore.default()，确保未禁用第三方Cookie
• 授予存储访问权限：若App使用了App Tracking Transparency框架，需确保用户授权了跟踪权限，否则部分存储会被系统限制

2. 后端绑定link_token与用户会话 #

不要依赖前端本地存储维持会话，改为后端将link_token与用户会话ID关联：

• 前端获取link_token时，后端将该token与当前用户的session ID绑定存储
• OAuth完成后，前端调用后端接口传入link_token，后端通过关联关系恢复用户会话，前端直接从后端获取认证状态

3. 配置同域redirect_uri #

在Plaid控制台将redirect_uri设置为Vue应用的同域路由（比如/plaid-callback），避免跨域跳转导致的存储丢失：

• 前端在回调路由中处理Plaid返回的参数，直接调用后端接口完成账户绑定，无需依赖本地存储的会话信息

4. 利用onSuccess回调直接完成绑定 #

在Plaid实例配置中，通过onSuccess回调直接传递认证信息到后端，跳过本地存储依赖：

Plaid.create({
  token: linkToken,
  onSuccess: (public_token, metadata) => {
    // 立即调用后端接口交换token并绑定用户
    axios.post('/api/plaid/exchange', { 
      public_token,
      // 可额外传递用户标识，避免会话依赖
      user_id: window.__USER_ID__ 
    })
    .then(() => {
      // 刷新页面从后端拉取最新认证状态
      window.location.reload();
    });
  }
}).open();

5. 通过JSBridge复用App原生存储 #

将用户会话信息存储在合作伙伴App的原生存储（如Keychain）中，通过JSBridge与前端交互：

• 前端登录成功后，通过JSBridge将会话ID传递给App保存
• 前端每次需要会话时，通过JSBridge从App获取会话ID，再传递给后端验证

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