iOS9：如果可能，尝试通过方案打开应用程序，否则重定向到应用程序商店

Question

我的问题仅关于 iOS9！

我有一个

HTML

登陆页面，如果安装了应用程序，我尝试通过 URL 方案将用户 重定向到我的应用程序，否则重定向到 Appstore。

我的代码是：

document.addEventListener("DOMContentLoaded", function(event) {

  var body = document.getElementsByTagName('body')[0];
  body.onclick = function () {
    openApp();
  };
});

var timeout;

function preventPopup() {

    clearTimeout(timeout);
    timeout = null;
    window.removeEventListener('pagehide', preventPopup);
}

function openApp(appInstanceId, platform) {

  window.addEventListener('pagehide', preventPopup);
  document.addEventListener('pagehide', preventPopup);

  // create iframe
  var iframe = document.createElement("iframe");
  document.body.appendChild(iframe);
  iframe.setAttribute("style", "display:none;");
  iframe.src = 'myscheme://launch?var=val';

  var timeoutTime = 1000;
  timeout = setTimeout(function () {

    document.location = 'https://itunes.apple.com/app/my-app';

  }, timeoutTime);
}

问题是

iframe

技巧在

Safari

iOS9

中不起作用。

知道为什么吗？

我的

iframe

技巧基于this答案。

Answer 1

iframe 技巧不再有效——我的猜测是苹果知道它将鼓励更多开发者更快地实现通用链接。

您仍然可以设置

window.location='your-uri-scheme://';

并在 500 毫秒后回退到 App Store。如果您采用这种方法，弹出窗口之间就会出现“舞蹈”，就像我们在 Branch 所做的那样（如果通用链接不起作用，我们会作为后备）。

window.location = 'your-uri-scheme://'; // will result in error message if app not installed
setTimeout(function() {
   // Link to the App Store should go here -- only fires if deep link fails                
   window.location = "https://itunes.apple.com/us/app/myapp/id123456789?ls=1&mt=8";
}, 500);

我希望能为您提供更好的答案。 iOS 9 肯定受到更多限制。

如果您想了解通用链接所需的内容，请查看我的答案此处或阅读本教程

Answer 2

正如已经提到的，设置

window.location

在 iOS 9 上仍然有效。但是，这会弹出一个“在应用程序中打开”对话框。我在 https://bartt.me/openapp 上举了一个例子：

单击 在 Twitter 应用程序中打开时启动 Twitter。
返回到 App Store 中的 Twitter 应用程序。
重定向到 Twitter 或 App Store 而无需用户在 在 App 中打开对话框中选择打开。

查看

https://lab.bartt.me/openapp 的来源以获取更多信息。

Answer 3

也许尝试为您提供对通用链接的应用程序支持

想法：避免在 Safari 中使用自定义（JavaScript、iframe）解决方案，用受支持的通用链接替换代码。

示例

<html>
<head>
...
</head>
<body>
    <div class"app-banner-style">
        <a href="http://yourdomain.com">In app open</a> 
    </div>
...content
</body>
</html>

如果您的应用程序支持通用链接（例如 yourdomain.com），您必须配置您的域（和路径），iOS9 应该对其打开您的应用程序的链接做出反应。

这只是理论，但我想应该是可行的:)

https://developer.apple.com/library/prerelease/ios/documentation/General/Conceptual/AppSearch/UniversalLinks.html#//apple_ref/doc/uid/TP40016308-CH12

Answer 4

iframe hack 在 ios9 中不再起作用。可能的解决方案是使用两个按钮。示例：

$('#goToStoreBtn').text( "go to store" ).click(function(event){
    event.preventDefault();
    event.stopPropagation();
    window.location = storeUrl; // https://itunes.apple.com/...
});

$('#goToAppBtn').text( "go to app" ).click(function(event){
    event.preventDefault();
    event.stopPropagation();
    window.location = appUrl;  // myApp://...
});

Answer 5

回答这个问题是因为现在已经是 2023 年了，而且发生了一些变化。这个

建议通常是正确的，但有一个主要问题：即使成功打开应用程序，应用程序商店仍然会打开。

解决此问题的方法是通过监视窗口

blur

 事件来检测第一次弹出窗口何时发生。如果发生模糊，则不要执行回退，因为用户已成功打开应用程序。但如果应用程序处于焦点状态，则执行应用程序商店回退。

var isBlurred = false;
var didFallback = false;

window.addEventListener('blur', function() {
  isBlurred = true;
});

window.addEventListener('focus', function() {
  isBlurred = false;
});

function appStoreFallback() {
  if (isBlurred || didFallback) return;
  window.top.location = "https://apps.apple.com/us/app/wavelength/idYOUR_APP_ID";
  didFallback = true;
}

window.top.location = 'your-uri-scheme://'; 
setTimeout(function() {
  appStoreFallback();
}, 500);

顺便说一句，这基本上就是 Branch.io 在幕后所做的事情并想要分享。我已经使用它们几年了，但现在停止了，因为它们的 URL 被垃圾邮件过滤器标记，并且如果您的应用程序有适度的使用量，它们的成本会很高。

Answer 6

这是一个相对较旧的线程，但我创建了一个支持大多数现代移动浏览器上的深度链接的库。但这需要单独的深度链接页面，该页面需要托管在不同的域中以支持 ios9 facebook 浏览器中的通用链接。

https://github.com/prabeengiri/DeepLinkingToNativeApp

iOS9：如果可能，尝试通过方案打开应用程序，否则重定向到应用程序商店

问题描述投票：0回答：6

6个回答

最新问题

iOS9：如果可能，尝试通过方案打开应用程序，否则重定向到应用程序商店

问题描述 投票：0回答：6

6个回答

最新问题

问题描述投票：0回答：6