React站点iOS通用链接「打开应用」按钮实现问题求助

1. 通用链接能否实现「选择打开应用/浏览器」的弹窗功能？ #

可以，但iOS系统不会主动触发选择弹窗——用户点击通用链接时，默认会直接打开对应已安装的App。要实现类似Reddit的弹窗选择逻辑，需要在网页层面自行实现:

• 用sessionStorage或localStorage记录用户是否已做出选择（如你代码中的has-reacted-to-use-in-app-popup）
• 对未做选择的用户展示自定义弹窗，提供「打开应用」和「留在浏览器」的选项

2. 当前在本站点时，浏览器是否会阻止更改浏览上下文？ #

不会，但你的代码逻辑存在问题导致生产环境异常：

• 直接跳转同域首页https://www.my-app-url.com/时，iOS识别到是通用链接，但因属于同域页面跳转，系统会优先在当前浏览器窗口打开网页，而非唤起App，这就是生产环境仅打开首页的原因。
• 正确做法是：跳转与当前页面路径不同的通用链接路径（比如https://www.my-app-url.com/app-redirect，需在App中配置对应跳转逻辑），或使用App的自定义URL Scheme（如myapp://path）唤起App。

3. 「打开应用」按钮代码修复方案 #

调整跳转逻辑，避免同域首页跳转：

<button
  onClick={() => {
    window.sessionStorage.setItem('has-reacted-to-use-in-app-popup', true);
    closePopup();

    // 方案1：使用自定义URL Scheme唤起App（需在App的Info.plist中配置CFBundleURLSchemes）
    const appSchemeUrl = 'myapp://open?path=/';
    // 方案2：使用不同路径的通用链接（需在apple-app-site-association中配置对应关联）
    // const universalLinkUrl = 'https://www.my-app-url.com/app-redirect';

    // 尝试唤起App
    window.location.href = appSchemeUrl;
    // 若App未安装，1秒后跳转App Store
    setTimeout(() => {
      document.location.href = 'https://apps.apple.com/app/my-app-url/id1234567890';
    }, 1000);
  }}
>
  Open in App
</button>

• 注意：iOS 14+对通用链接唤起有更严格限制，需确保apple-app-site-association文件配置正确，且App已完成域名关联。

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