Question

用户可以通过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>

这可能吗？如果是这样，我们该怎么做？

Answer 1

您可以使用以下代码在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>

希望这会有所帮助：）

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

1 个答案: