PWA推荐码跨上下文共享方案咨询：浏览器与已安装PWA传参

针对iOS浏览器与PWA上下文存储不共享的问题，以下是几个无需用户手动输入、非侵入式的可行方案：

方案1：利用PWA初始启动URL读取参数 #

• 核心逻辑：安卓和多数iOS版本中，用户从浏览器“添加到主屏幕”安装PWA时，PWA首次启动的URL会保留原链接的查询参数（如?refCode=123）。
• 实现步骤：
  1. 在PWA的启动入口页面中，读取window.location.search解析出refCode。
  2. 将refCode存入PWA自身的localStorage或IndexedDB（PWA上下文内的存储是独立可用的）。
  3. 用户登录时，从本地存储取出refCode同步给后端，完成后可清除该值避免重复使用。
• 注意事项：部分旧版iOS可能存在初始URL参数丢失的情况，需针对iOS15+做兼容性测试。

方案2：后端临时关联+非侵入式设备特征匹配 #

• 核心逻辑：通过后端临时绑定推荐码与设备的通用特征，避免依赖客户端跨上下文存储。
• 实现步骤：
  1. 用户B在浏览器打开带refCode的链接时，后端生成唯一临时ID，将refCode与该ID绑定存储。
  2. 后端提取浏览器请求中的非识别性设备特征（如navigator.hardwareConcurrency、navigator.deviceMemory、屏幕分辨率的组合哈希），与临时ID关联。
  3. 用户安装PWA后首次打开，PWA将相同的设备特征组合哈希发送给后端。
  4. 后端通过哈希匹配找到对应的临时ID，关联出refCode，同步到用户账户后销毁临时记录。
• 注意事项：特征组合需避免使用可唯一识别用户的信息（如IMEI、精确地理位置），仅用通用硬件/浏览器属性，确保隐私合规。

方案3：Universal Links/自定义URL Scheme跳转传递 #

• 核心逻辑：引导用户安装后通过带参数的链接打开PWA，直接传递refCode。
• 实现步骤：
  1. 配置PWA支持Universal Links（iOS）和自定义URL Scheme（安卓），确保链接可直接唤起已安装的PWA。
  2. 用户B在浏览器打开带refCode的链接时，页面先拦截系统安装提示（通过beforeinstallprompt事件保存prompt对象），显示自定义引导文案。
  3. 用户确认安装后，页面显示“打开应用”按钮，链接为app.foo.com/open?refCode=123（已配置Universal Links）。
  4. 用户点击链接唤起PWA，PWA读取URL参数中的refCode并存入本地存储，后续登录时同步给后端。
• 注意事项：需确保Universal Links的配置正确（iOS的apple-app-site-association文件），避免跳转失败。

方案4：Cookie临时存储（iOS部分版本兼容） #

• 核心逻辑：iOS Safari与PWA部分场景下共享同域Cookie，可利用Cookie临时传递refCode。
• 实现步骤：
  1. 用户B在浏览器打开链接时，设置一个会话级Cookie（expires设为会话结束），存入refCode。
  2. 用户安装PWA后首次打开，PWA读取同域Cookie中的refCode，存入自身本地存储。
  3. 完成同步后清除该Cookie，防止后续重复读取。
• 注意事项：iOS17+部分场景下可能存在Cookie不共享的情况，需结合其他方案做降级处理。

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