uniapp 移动端强制更新功能

背景

最近，考虑到移动端版本的迭代升级，需要有强制更新的功能，整体逻辑比较简单，我之前没有做过，于是简单记录一下。

前端

需要一打开移动端的app，就要进行版本号的判断，所以需要在app.vue 文件中的 onLaunch()方法中写代码逻辑。

 // 强制更新
         //#ifdef APP-PLUS  
         this.$u.api.update({
             appid: plus.runtime.appid,
             version: plus.runtime.versionCode
         })
         .then(res => {
             console.log(res);
             console.log(plus.runtime.appid);
             console.log(plus.runtime.versionCode);
             console.log(res.status);
             if (res.status == 1) {
                 uni.showModal({ //提醒用户更新
                     title: "更新提示",
                     showCancel: false,  // 将取消按钮隐藏
                     content: res.note,
                     buttonText: '确定',
                     success: (rese) => {
                         if (rese.confirm) {
                             plus.runtime.openURL(res.url); // 调用手机端的浏览器 进行下载
                         }
                     }
                 })
             }
         });
         //#endif

后端

  /**
      *  强制 更新校验
      * @param appid
      * @param version
      * @return
      */
     @RequestMapping("/update")
     public ResponseEntity<Map<String, String>> update(String appid, String version) {
 ​
         Map<String, String> map = new HashMap<>();
 ​
        // 获取数据库中存放的升级版本，升级内容以及下载链接
         AppUpdateApk appUpdateApk = appUpdateApkService.findNew();
 ​
         String mVersion = appUpdateApk.getVersionNumber();
 ​
        // 移动端的版本号 与数据库最新的版本号进行比对
         if(mVersion.equals(version)){
 ​
             map.put("status","0");
 ​
         }else{
             // 不同的进行提醒
             map.put("status","1");
             map.put("note",appUpdateApk.getUpdateContent());
             map.put("url",appUpdateApk.getUrl());
         }
 ​
 ​
         return ResponseEntity.ok(map);
     }

最后

我相信肯定还有其他比较好的方法，欢迎大家留言，一起相互学习。

• 我正在参与掘金技术社区创作者签约计划招募活动，点击链接报名投稿。