DCloud_App_Array
DCloud_App_Array
  • 发布:2015-03-15 23:28
  • 更新:2023-08-03 14:55
  • 阅读:352897

App资源在线升级更新

分类:HTML5+

官方已发布APP升级中心,支持原生APP整包升级和wgt资源包升级。详见

注意:uni-app的热更新另见文档https://ask.dcloud.net.cn/article/35667

5+应用可使用以下方式进行升级

本文重点介绍5+应用资源独立升级,相对整包升级有以下优势:

  1. 无需重新提交应用市场审核更新,降低更新周期;
  2. 无需用户手动点击操作安装更新,优化用户体验;
  3. App资源相对整包体积更小,升级速度更快。

生成移动App资源升级包

  • 在HBuilder中编辑好新的移动App资源后,更新manifest.json的版本号
    原来版本是1.0,新版本修改为2.0:

  • 在HBuilder中生成升级包文件(wgt)
    菜单“发行” -> “制作移动App资源升级包”:

    在以下界面中通过“浏览”按钮选择保存路径,点击“确定”保存wgt文件:

  • 生成wgt后提交到手机可访问的网络地址
    App资源升级包下载地址:
    http://www.dcloud.io/docs/a/update/H5EF3C469.wgt
    为了模拟正常的升级检测流程,添加以下检测升级地址(返回最新版本号):
    http://demo.dcloud.net.cn/test/update/check.php

应用中检测更新资源

检测服务器上是否有新版本

  • 获取当前应用的版本号

    var wgtVer=null;  
    function plusReady(){  
    // ......  
    // 获取本地应用资源版本号  
    plus.runtime.getProperty(plus.runtime.appid,function(inf){  
        wgtVer=inf.version;  
        console.log("当前应用版本:"+wgtVer);  
    });  
    }  
    if(window.plus){  
    plusReady();  
    }else{  
    document.addEventListener('plusready',plusReady,false);  
    }
  • 发起ajax请求检测是否有新版本

    // 检测更新  
    var checkUrl="http://demo.dcloud.net.cn/test/update/check.php";  
    function checkUpdate(){  
    plus.nativeUI.showWaiting("检测更新...");  
    var xhr=new XMLHttpRequest();  
    xhr.onreadystatechange=function(){  
        switch(xhr.readyState){  
            case 4:  
            plus.nativeUI.closeWaiting();  
            if(xhr.status==200){  
                console.log("检测更新成功:"+xhr.responseText);  
                var newVer=xhr.responseText;  
                if(wgtVer&&newVer&&(wgtVer!=newVer)){  
                    downWgt();  // 下载升级包  
                }else{  
                    plus.nativeUI.alert("无新版本可更新!");  
                }  
            }else{  
                console.log("检测更新失败!");  
                plus.nativeUI.alert("检测更新失败!");  
            }  
            break;  
            default:  
            break;  
        }  
    }  
    xhr.open('GET',checkUrl);  
    xhr.send();  
    }

更新应用资源

  • 从服务器下载应用资源包(wgt文件)

    // 下载wgt文件  
    var wgtUrl="http://demo.dcloud.net.cn/test/update/H5EF3C469.wgt";  
    function downWgt(){  
    plus.nativeUI.showWaiting("下载wgt文件...");  
    plus.downloader.createDownload( wgtUrl, {filename:"_doc/update/"}, function(d,status){  
        if ( status == 200 ) {   
            console.log("下载wgt成功:"+d.filename);  
            installWgt(d.filename); // 安装wgt包  
        } else {  
            console.log("下载wgt失败!");  
            plus.nativeUI.alert("下载wgt失败!");  
        }  
        plus.nativeUI.closeWaiting();  
    }).start();  
    }
  • 更新应用资源包(wgt文件)

    // 更新应用资源  
    function installWgt(path){  
    plus.nativeUI.showWaiting("安装wgt文件...");  
    plus.runtime.install(path,{},function(){  
        plus.nativeUI.closeWaiting();  
        console.log("安装wgt文件成功!");  
        plus.nativeUI.alert("应用资源更新完成!",function(){  
            plus.runtime.restart();  
        });  
    },function(e){  
        plus.nativeUI.closeWaiting();  
        console.log("安装wgt文件失败["+e.code+"]:"+e.message);  
        plus.nativeUI.alert("安装wgt文件失败["+e.code+"]:"+e.message);  
    });  
    }

    wgt更新原生层是通过文件夹重命名方式实现,要么全部更新成功,要么更新失败,不会出现仅部分文件更新的情况

其它可改进的思路

  • 检测更新更好的模式应该是客户端提交本地应用资源版本号到升级服务器,由升级服务器判断是否可更新并且返回App升级资源包下载地址,避免在客户端写资源下载地址;
  • 更新时可以在后台静默下载,下次启动是直接更新,避免更新时打断用户操作。
  • 差量升级更新App资源,参考App资源在线差量升级更新

附件testUpdate.zip为测试移动App包

App store应用更新说明
应用资源更新肯定是违反apple政策的,但目前看起来,如果你不是很大的公司,apple不会理睬你。如果你是大公司,建议不要做整体更新,每次更新几个页面,也不要提示更新后需要重启,这样会安全点。

78 关注 分享
向着太阳 hilongjw andywang qinerg 逍涯 Mr丶Leo Julien Mars_Zhong Liosixer testemule syz 冰青虫 小米粒 dglhz Back Met magengshun haha2021a Amber0376 ffffffffff 淮风皖韵 c***@126.com 4***@qq.com ROBOT10086 Lanman_Group 1***@qq.com 老醒 Trust Jose w***@163.com 3***@qq.com 兔子x jtshushu 3***@qq.com 1***@qq.com 漠 dxTOP 来小新 m***@msn.cn 马振丹 j***@163.com y***@163.com m***@sina.com JSail MR不靠谱 飘过大山 1***@qq.com Viccy 段长发 断想

要回复文章请先登录注册

梁liang

梁liang

回复 DCloud_App_Array :
ios离线打的包怎么做升级啊。我把离线包的文件放在hbuider里面直接成web类型的工程了。生成升级包的选项直接置灰不可选了。急求
2017-04-17 09:13
1***@163.com

1***@163.com

回复 文殳哥 :
获取版本的问题,用plus.runtime.getProperty来获取version这是当前运行的版本号,用plus.runtime.version获取的一直是APP版本号
2017-04-11 16:41
JK_9876

JK_9876

你好!资源升级包可以替换启动图片(splash)吗?我原来的splash在包里面,替换为新的图片后客户端安装升级包后还是原来的,请问如何处理,谢谢!
2017-03-22 11:02
white

white

按照这个上面写的,获取不到wgtVer,在管理终端上显示是null。请问怎么解决?
2017-02-21 10:47
6***@qq.com

6***@qq.com

回复 h小明 :
你的怎么好的啊?我的一直提示缺少maps
2017-02-10 14:55
前端小学僧

前端小学僧

回复 前端小学僧 :
补充一下是应用资源升级方式
2017-02-04 17:56
前端小学僧

前端小学僧

Android 能更新成功 但是ios在下载更新包阶段就一直卡着 下载不成功。。
function downWgt(wgtUrl){
plus.nativeUI.showWaiting("下载更新包...");
console.log(wgtUrl);
plus.downloader.createDownload( wgtUrl, {filename:"_doc/update/",timeout:10}, function(d,status){
if ( status == 200 ) {
console.log("下载更新包成功:"+d.filename);
installWgt(d.filename); // 安装wgt包
} else {
console.log("下载更新包失败!");
plus.nativeUI.alert("下载更新包失败!");
}
plus.nativeUI.closeWaiting();
}).start();
}
就卡在这个函数的处理上了。。。有遇到相同情况的吗?
2017-02-04 17:54
3***@qq.com

3***@qq.com

dcloud的官方人员真是欠骂,做个教程也不做全,别人问问题了也不认真回答,上面的升级方法,自定义插件报找不到模块你们自己试过吗?离线打包自己写了原生android代码的能升级吗?说白了上面的升级方法只适用于包含官方插件的app,现在用官方的那些插件很难满足用户的所有需求吧,用户自己个性化需求肯定是自己通过插件的形式去实现的,这样一来这个升级难道没有必要做个带第三方插件的升级教程?不能升的话也请注明好不好?
2017-01-28 21:02
3***@qq.com

3***@qq.com

我按照官方的update.js整包更新,安装包下载完成后点击安装没问题,点击取消停止安装但是马上会弹出安装成功,plus.runtime.install没有判断点击的是哪个嘛??????求解
2017-01-09 14:41
3***@qq.com

3***@qq.com

下载之后再安装界面,点击取消还是执行onSuccess方法里面的代码??这是怎么回事?
2017-01-09 11:23