我是否可以创建一个在我的应用程序中打开的链接(如果已安装),如果没有,则会回退到其他URL?

时间:2012-07-29 16:29:19

标签: javascript html ios url-scheme

用户可以通过Twitter从我们的应用程序共享文件。该推文包含一个指向我们服务器的URL,该URL检测用户是否在移动设备上,并使用我们的应用程序的自定义方案重定向到URL,以便在我们的应用程序中打开该链接。

这适用于桌面用户以及安装了我们的应用的移动用户;但它不适用于没有的移动用户。所以我们要做的是向所有用户显示一个包含链接的页面,当按下该链接时,如果支持,将使用自定义URL方案打开应用程序,并打开另一个用户可以下载我们的URL应用程序,如果没有。

所以我正在寻找的是HTML或JS的答案,看起来有点像这样:

<a href="ourapp://www.ourdomain.com/files/12345"
   fallbackhref="http://www.ourdomain.com/buyourapp">Click to download</a>

这可能吗?如果是这样,我们该怎么做?

1 个答案:

答案 0 :(得分:3)

您可以使用以下代码在Android中实现此目的:

function openLink () {
    var appWindow = window.open("ourapp://www.ourdomain.com/files/12345","_blank");
    setTimeout( function () {if (appWindow) {
        appWindow.location ="http://www.ourdomain.com/buyourapp";
            }
            },1000);
}

单击链接调用openLink()函数(否则浏览器将阻止新窗口弹出)。

iOS会因处理自定义方案的方式而有所不同。

对于iOS,您需要执行以下操作: 使用以下代码段创建2个HTML文件

文件#1:这是您打开app / fallback to website

的链接
<script type="text/javascript">
function openLink (url,customURI) {
    window.open("file2.html?lp="+url+"&customURI="+customURI,"_blank");
}
</script>
<img src="IMAGE SOURCE" onclick="openLink('LANDING PAGE','CUSTOM URI')">

文件#2:

<html>
<script>
function openApp () {
    var start, end, elapsed;
    var params =   window.location.href.split("lp=")[1];
    var url     =   params.split("&customURI=")[0];
    var customURI     =   params.split("&customURI=")[1];
    var time = (new Date()).getTime();
    document.location       =       customURI+url;        
    setTimeout(function(){
            var now = (new Date()).getTime();
            if((now - time)<2550) {
            javascript: console.log(new Date().getTime());
                            document.location = url;
            }
            else{
            window.open('', '_self', '');
                    window.close();
        }
    }, 2000);

}
</script>
<body onload="openApp()">
    <a onclick="openApp()" id="newButton">Click Here to open the App</a>
</body>

希望这会有所帮助:)