首先我们先来理清思路在来一步步的做 确保当前有h5puls的第三方库 或者使用HBuilder X 或者HBuilder 来打包webapp APK中就自动集成了h5puls（或者可以写道其他事件里面触发检查更新下载版本）

    h5puls官方文档
    1、先检查安装的apk的版本号，文档链接Runtime

    1. // 获取应用信息
    2. function getAppInfo() {
    3.     plus.runtime.getProperty( plus.runtime.appid, function ( wgtinfo ) {
    4.         //appid属性
    5.         var wgtStr = "appid:"+wgtinfo.appid;
    6.         //version属性
    7.         wgtStr += "<br/>version:"+wgtinfo.version;
    8.         //name属性
    9.         wgtStr += "<br/>name:"+wgtinfo.name;
    10.         //description属性
    11.         wgtStr += "<br/>description:"+wgtinfo.description;
    12.         //author属性
    13.         wgtStr += "<br/>author:"+wgtinfo.author;
    14.         //email属性
    15.         wgtStr += "<br/>email:"+wgtinfo.email;
    16.         //features 属性
    17.         wgtStr += "<br/>features:"+wgtinfo.features;
    18.         console.log( wgtStr );
    19.     } );
    20. }
    22. //使用这个API 来获取APPID
    23. window.plus.runtime.getProperty(window.plus.runtime.appid,(inf)=>{
    24.  console.log(inf) //当前APP的数据包含了APP的版本号
    25.   console.log(inf.version) //当前APP的版本号
    26. })

    2、从服务端获取APP（服务端是我打包好的APP,以及对应的版本），获取服务端的数据 进行APP版本号的比较。
    使用Downloader模块进行APK下载 管理文件下载，用于从网络下载各种文件，可支持跨域访问操作，Downloader

    1. // 创建下载任务
    2. function createDownload() {
    3.     var dtask = plus.downloader.createDownload("http://www.abc.com/a.doc", {}, function(d, status){
    4.         // 下载完成
    5.         if(status == 200){ 
    6.             console.log("Download success: " + d.filename);
    7.         } else {
    8.              console.log("Download failed: " + status); 
    9.         }  
    10.     });
    11.     //dtask.addEventListener("statechanged", onStateChanged, false);
    12.     dtask.start(); 
    13. }

    这里我们新建一个自己的下载模块

    1. var downToaknew = window.plus.downloader.createDownload(‘APK下载地址’, {
    2.                   filename: ''  //filename: (String 类型 )下载文件保存的路径  
    3.                 },
    4.                 function (d, status) {
    5.                   if (status == 200) {
    6.                     // 当前下载的状态
    7.                     installApp(d.filename) // 调用安装的方法
    8.                   } else {
    9.                     window.plus.nativeUI.alert('下载失败')
    10.                   }
    11.                 }
    12.               )
    14. downToaknew.start() //调用APP下载方法
    16.  // app自动更新进度  下面放发会显示 当前APK下载进度 已经APK的大小
    17.  downToaknew.addEventListener('statechanged', function ( task,status){
    18. }

    3、调用APP 安装模块 plus.runtime.install

    1. //APK下载的路基 前面我们设置了APK下载的路基  调用放发时候 传入路径即可
    2. function installApp (path) {
    3.   window.plus.nativeUI.showWaiting('安装文件...')
    4.   window.plus.runtime.install(
    5.     path, {
    6.       // true表示强制安装，不进行版本号的校验；false则需要版本号校验，如果将要安装应用的版本号不高于现有应用的版本号则终止安装，并返回安装失败。 仅安装wgt和wgtu时生效，默认值 false
    7.       force: false
    8.     },
    9.     function () {
    10.       window.plus.nativeUI.closeWaiting()
    11.       console.log('安装文件成功！')
    12.       _this.hidedownloader = false
    13.       window.plus.nativeUI.alert('应用资源更新完成！', function () {
    14.         window.plus.runtime.restart()
    15.       })
    16.     },
    17.     function (e) {
    18.       window.plus.nativeUI.closeWaiting()
    19.       window.plus.nativeUI.alert('安装文件失败' + e.message)
    20.       _this.hidedownloader = false
    21.       sessionStorage.setItem('nextCheckTime', 'UnupdateId')
    22.     }
    23.   )
    24. }

    4、在APK下载完成后调用APK安装方法

    1. <template>
    2.   <div id="app">
    4.   <!-- PersonalCenter -->
    5.   <router-view v-on:public_header="public_header" @toFather="getFlag" @toFatherDetail="getDetailFlag" />
    7.   </div>
    8.   </template>
    10.   <script>
    12.   export default {
    13.   name: 'App',
    14.   data () {
    15.     return {
    16.       versionInformation: []
    17.     }
    18.   },
    19.   mounted () {
    20.     this.examine()
    21.     let _this = this
    22.     document.addEventListener('plusready', function () {
    23.       setTimeout(() => {
    24.         // 获取当前的APP版本号
    25.         window.plus.runtime.getProperty(window.plus.runtime.appid, function (inf) {
    26.           console.log(inf)
    27.           // 判断最新版本的版本号是否大于当前的版本
    28.           if (_this.versionInformation[0].versionNumber > inf.version) {
    29.             var downToaknew = window.plus.downloader.createDownload(
    30.               _this.versionInformation[1].urldownloader +
    31.               _this.versionInformation[0].downloadAddress, {
    32.                 filename: ''
    33.               },
    34.               function (d, status) {
    35.                 if (status == 200) {
    36.                   // 当前下载的状态
    37.                   installApp(d.filename) // 调用安装的方法
    38.                 } else {
    39.                   window.plus.nativeUI.alert('下载失败')
    40.                 }
    41.               }
    42.             )
    43.             // 等于空代表，用户没有点击取消的任何操作
    44.             let ThereIsAnew = confirm('发现新的版本啦,是否要更新')
    45.             if (ThereIsAnew) {
    46.               downToaknew.start() // 开启下载的任务
    47.               // app自动更新进度
    48.               downToaknew.addEventListener('statechanged', function (
    49.                 task,
    50.                 status
    51.               ) {
    52.                 // 给下载任务设置一个监听 并根据状态  做操作
    53.                 switch (task.state) {
    54.                   case 1:
    55.                     console.log('正在下载')
    56.                     break
    57.                   case 2:
    58.                     console.log('已连接到服务器')
    59.                     break
    60.                   case 3:
    61.                     // console.log(task)
    62.                     // console.log(task.downloadedSize)//当前的大
    63.                     // console.log(task.totalSize)//安装包的大小
    64.                 }
    65.               })
    66.               // 自动更新
    67.               // eslint-disable-next-line no-inner-declarations
    68.               function installApp (path) {
    69.                 window.plus.nativeUI.showWaiting('安装文件...')
    70.                 window.plus.runtime.install(
    71.                   path, {
    72.                     // true表示强制安装，不进行版本号的校验；false则需要版本号校验，如果将要安装应用的版本号不高于现有应用的版本号则终止安装，并返回安装失败。 仅安装wgt和wgtu时生效，默认值 false
    73.                     force: false
    74.                   },
    75.                   function () {
    76.                     window.plus.nativeUI.closeWaiting()
    77.                     console.log('安装文件成功！')
    78.                     window.plus.nativeUI.alert('应用资源更新完成！', function () {
    79.                       window.plus.runtime.restart()
    80.                     })
    81.                   },
    82.                   function (e) {
    83.                     window.plus.nativeUI.closeWaiting()
    84.                     window.plus.nativeUI.alert('安装文件失败' + e.message)
    85.                   }
    86.                 )
    87.               }
    88.             } else {
    89.               console.log('没有最新的版本')
    90.             }
    91.           }
    92.         }, 3000)
    93.       })
    94.     })
    95.   },
    96.   methods: {
    97.     // 检查当前版本是否是最新的
    98.     examine: async function () {
    99.       let params = {
    100.         versionType: 1
    101.       }
    102.       const res = await this.http.post(this.api.examine, params)
    103.       if (res.data.rc == 0) {
    104.         this.versionInformation = this.versionInformation.concat(res.data.data)
    105.         this.versionInformation.push({
    106.           urldownloader: this.api.updateAPP
    107.         })
    108.       } else {
    109.         // 获取最新版本失败
    110.       }
    111.     }
    113.   }
    114. }
    115.   </script>