uni-app应用更新(Android端)

关于app更新,uni-app官方推荐的是 uni-upgrade-center,看了下比较繁琐,因此这里自己实现检查更新并下载安装的逻辑。

1.界面效果

uni-app应用更新(Android端)_第1张图片               uni-app应用更新(Android端)_第2张图片

界面中的弹框和 进度条采用了uView 提供的组件

2.检查更新并下载安装

一、版本信息配置在服务端,请求服务端接口判断是否需要更新 。

二、点击下载按钮,则开始下载App安装包,并监听下载进度,实时更新下载进度条

注意:下载App如果是在浏览器测试,可能会有跨域的问题,需要后端服务允许跨域。

三、待下载完成后开始安装。

安装App采用的是 uni-installApk插件,请自行导入项目

uni-installApk - DCloud 插件市场

uni-app应用更新(Android端)_第3张图片

3.完整代码 

update.vue




 4.引入并使用

上面将检查更新的逻辑封装在了update.vue中,使用时只需引入该组件,在父页面点击检查更新按钮时,只需将 checkUpdate 属性设置为 true,则加载 update.vue组件,进入created 方法并调用检查更新的相关逻辑,有新版本则弹框,提示更新,无新版本则将 checkUpdate重置为 false

注意:当检查更新的弹框弹出时,调用页面需要禁用 android的 返回按键,在  onBackPress函数里面做相应的逻辑判断即可。




你可能感兴趣的:(UniApp,uni-app)