APP开发必备技巧！iOS和Android的URL Schema设置有何不同？

添加 schemes

咱们做移动 APP 开发的时候，想让大家能用手机浏览器直接翻开 APP 或者一点链接就能下 app，就得在 manifest.json 里设定 schemes，这就是定义用户怎么启动应用的把戏。对安卓来说，操作挺简单的，但 iOS 的做法稍微有点区别。用 HBuilder 搭建的移动 APP 项目，你爱咋设咋设，只要符合要求就成。

给 manifest.json 文件添个 schemes，就是告诉手机怎么应对某类网页链接。设定了 schemes，用户们点这些特殊链接就能直接启动我们做的 app，不用再开浏览器了，让用起来更方便，感受也更好些！

网页设置

想要用手机浏览器打开APP或者跳往下载页，得搞个网页系统。这个对会Java的人来说小菜一碟。网页上放几个按钮和链接，点出去就能实现跳转了。

做网页设计时，要关注各种设备和浏览器的兼容性，保证大家不论用啥设备或浏览器都能正常浏览并使用网页上的功能！另外还要注意网站排版、交互操作这些细节，让大家用得舒心又明白。

Android与iOS的URL Schema设置

在安卓手机里，我们只要把网址形式设成”你喜欢的schema://你喜欢的schema”就能直接用浏览器开应用或者去下载页！不过苹果手机就得另想办法，因为它和安卓不太一样。其实这种机制叫URL Schema，就是很常见的一种自定义协议头，在做移动应用时经常要用到。

让我告诉你怎么回事，Android系统只要给链接设好URLSchema，就能让你点一下就直接进入安装好的App了！所以说，做APP开发，给链接设个好的URLSchema可是关键。想学这个技术？去网上搜搜URLSchema，了解它的原理和用途，你会发现其实很简单。

定时调度设置

参考资料告诉我们，哪怕是后台已经开 APP 了，JavaScript 还是要花上那么几百毫秒的时间来进行操作。所以，在编程过程中，特别得留意定时调度这块儿。为了保证操作流畅还出效果，最好把定时调度时间拉长到至少1秒以上。

    

        打开APP
        
    
    
    //<![CDATA[
    function open_or_download_app() {
        var device = document.getElementById("device");
        if (navigator.userAgent.match(/(iPhone|iPod|iPad);?/i)) {
            device.innerHTML = "ios设备";
            // 判断useragent，当前设备为ios设备
            var loadDateTime = new Date();
        　　// 设置时间阈值，在规定时间里面没有打开对应App的话，直接去App store进行下载。
            window.setTimeout(function() {
                var timeOutDateTime = new Date();
                if (timeOutDateTime - loadDateTime <2200) {
                    window.location = "xxxxxxxx";  // APP下载地址
                } else {
                    window.close();
                }
            },2000);
             window.location = "apptest://apptest";　　//ios端URL Schema
        } else if (navigator.userAgent.match(/android/i)) {
            device.innerHTML = "Android设备";
            // 判断useragent，当前设备为Android设备
            // 判断useragent，当前设备为ios设备
            var loadDateTime = new Date();
        　　// 设置时间阈值，在规定时间里面没有打开对应App的话，直接去App store进行下载。
            window.setTimeout(function() {
                var timeOutDateTime = new Date();
                if (timeOutDateTime - loadDateTime 
    
    
    

定时排期好，就不怕乱序问题出毛病！设置得当的话，就能提升咱们的使用感受，让功能更稳定。

APP测试与对比

接下来我们就要把APP搞定！给它设好各种参数和功能后，就能打包安装到手机上测验了。跟没设置过的APP做个比对，看看是不是真的起效了，成果怎么样。

测试时得留意各种功能是不是都能顺利运作、界面上的东西跟想象中的一样不一样、操作起来顺手不顺手等等。通过比较前后两次的测试结果，然后看看大家给什么建议做改良，这样就能让APP越来越棒，用着也更舒服！

IOS系统补充内容

window.setTimeout(function() {},2000);  // 需要设置大一点，才有效果，否则会始终执行

对于iOS系统，如果想让手机浏览器能打开App或者直接进入下载页，有几个小贴士得知道。跟安卓的方法可能不太一样。

iPhone里配置网页链接的流程稍微有点儿不太一样，得看说明书或者上网查查具体操作，并且还要根据实际需求来做修改。只有把iPhone的这些配置搞明白了，我们才能更快更顺利地完成任务，让用户用起来也更舒服！