注册

uniapp热更新

为什么要热更新

热更新主要是针对app上线之后页面出现bug,修改之后又得打包,上线,每次用户都得在应用市场去下载很影响用户体验,如果用户不愿意更新,一直提示都不愿意更新,这个bug就会一直存在。 可能你一不小心写错了代码,整个团队的努力都会付之东流,苦不苦,冤不冤,想想都苦,所以这个时候热更新就显得很重要了。

首先你需要在manifest.json 中修改版本号

如果之前是1.0.0那么修改之后比如是1.0.1或者1.1.0这样

4d0d704cd0df4b0da4149a535db22808~tplv-k3u1fbpfcp-zoom-in-crop-mark:3024:0:0:0.awebp?

然后你需要在HBuilderX中打一个wgt包

在顶部>发行>原生App-制作移动App资源升级包

06f6345e3baf4ebfac6356452bc02dc2~tplv-k3u1fbpfcp-zoom-in-crop-mark:3024:0:0:0.awebp?

包的位置会在控制台里面输出

1095a80da0244ce2b72ea8370f064fb7~tplv-k3u1fbpfcp-zoom-in-crop-mark:3024:0:0:0.awebp?

你需要和后端约定一下接口,传递参数

d0fc84df35a94ed0802a4b3ad8acd60b~tplv-k3u1fbpfcp-zoom-in-crop-mark:3024:0:0:0.awebp?

然后你就可以在app.vue的onLaunch里面编写热更新的代码了,如果你有其他需求,你可以在其他页面的onLoad里面编写。

    // #ifdef APP-PLUS  //APP上面才会执行
plus.runtime.getProperty(plus.runtime.appid, function(widgetInfo) {
uni.request({
                                       url:'请求url写你自己的',
method: "POST",
data: {
version: widgetInfo.version, //app版本号
name: widgetInfo.name    //app名称
},
success: (result) => {
console.log(result)  //请求成功的数据
var data = result.data.data  
if (data.update && data.wgtUrl) {
var uploadTask = uni.downloadFile({ //下载
url: data.wgtUrl, //后端传的wgt文件
                                   success: (downloadResult) => { //下载成功执行
                         if (downloadResult.statusCode === 200) {
          plus.runtime.install(downloadResult.tempFilePath, {
                                               force: flase
                                      }, function() {
                                   plus.runtime.restart();
                                                  }, function(e) {});
                                                  }
                                              },
                                              })
                         uploadTask.onProgressUpdate((res) => {
// 测试条件,取消上传任务。
if (res.progress == 100) { //res.progress 上传进度
uploadTask.abort();
}
  });
        }
                                      }
                                  });
                              });
// #endif

不支持的情况

  • SDK 部分有调整,比如新增了 Maps 模块等,不可通过此方式升级,必须通过整包的方式升级。

  • 原生插件的增改,同样不能使用此方式。
    对于老的非自定义组件编译模式,这种模式已经被淘汰下线。但以防万一也需要说明下,老的非自定义组件编译模式,如果之前工程没有 nvue 文件,但更新中新增了 nvue 文件,不能使用此方式。因为非自定义组件编译模式如果没有nvue文件是不会打包weex引擎进去的,原生引擎无法动态添加。自定义组件模式默认就含着weex引擎,不管工程下有没有nvue文件。

注意事项

  • 条件编译,仅在 App 平台执行此升级逻辑。

  • appid 以及版本信息等,在 HBuilderX 真机运行开发期间,均为 HBuilder 这个应用的信息,因此需要打包自定义基座或正式包测试升级功能。

  • plus.runtime.version 或者 uni.getSystemInfo() 读取到的是 apk/ipa 包的版本号,而非 manifest.json 资源中的版本信息,所以这里用 plus.runtime.getProperty() 来获取相关信息。

  • 安装 wgt 资源包成功后,必须执行 plus.runtime.restart(),否则新的内容并不会生效。

  • 如果App的原生引擎不升级,只升级wgt包时需要注意测试wgt资源和原生基座的兼容性。平台默认会对不匹配的版本进行提醒,如果自测没问题,可以在manifest中配置忽略提示,详见ask.dcloud.net.cn/article/356…

  • 是一个仅用做示例说明的地址,实际应用中应该是真实的 IP 或有效域名,请勿直接复制粘贴使用。

关于热更新是否影响应用上架

应用市场为了防止开发者不经市场审核许可,给用户提供违法内容,对热更新大多持排斥态度。

但实际上热更新使用非常普遍,不管是原生开发中还是跨平台开发。

Apple曾经禁止过jspatch,但没有打击其他的热更新方案,包括cordovar、react native、DCloud。封杀jspatch其实是因为jspatch有严重安全漏洞,可以被黑客利用,造成三方黑客可篡改其他App的数据。

使用热更新需要注意:

  • 上架审核期间不要弹出热更新提示

  • 热更新内容使用https下载,避免被三方网络劫持

  • 不要更新违法内容、不要通过热更新破坏应用市场的利益,比如iOS的虚拟支付要老老实实给Apple分钱

如果你的应用没有犯这些错误,应用市场是不会管的。

作者:是一个秃头
来源:juejin.cn/post/7039273141901721608

0 个评论

要回复文章请先登录注册