uniapp實現熱更新

珍ྂ惜ྂ發表於2020-10-19
 ## 前端
/**
 * 判斷應用升級模組,從url地址下載升級描述檔案到本地local路徑
 * 升級檔案為JSON格式資料,如下:
{
  "appid":"HelloH5",
  action: "all", // 整包更新 = all ,應用資源獨立升級 = sth
  "iOS":{
    "version":"iOS新版本號,如:1.0.0",
    "note":"iOS新版本描述資訊,多行使用\n分割",
    "url":"Appstore路徑,如:itms-apps://itunes.apple.com/cn/app/hello-h5+/id682211190?l=zh&mt=8"
  },
  "Android":{
    "version":"Android新版本號,如:1.0.1",
    "note":"Android新版本描述資訊,多行使用\n分割",
    "url":"apk檔案下載地址,如:http://www.dcloud.io/helloh5p/HelloH5.apk"
  }
}
 */
export function checkUpdate (checkUrl, wgtUrl) {
  // 鎖定螢幕方向
  plus.screen.lockOrientation('portrait-primary')
  plus.runtime.getProperty(plus.runtime.appid,inf=>{
	  console.log(JSON.stringify(inf));
      //儲存版本號到本地
      // localStorage.version =  inf.version;
      // 檢測升級
      uni.request({
        url: checkUrl, // 檢查更新的伺服器地址
        data: {
          appid:inf.appid,
          version: inf.version ,
          imei: plus.device.imei
        },
      	method: "GET",
        success: res => {
          console.log('success',JSON.stringify(res.data.isUpdate) )
          if (res.statusCode == 200 && res.data.isUpdate) {
            const openUrl = plus.os.name === 'iOS' ? res.data.iOS : res.data.Android // 下載檔案地址 ios以"itms-apps://"開頭,後面跟appstore上應用地址。
            // 提醒使用者更新
            uni.showModal({
              title: '更新提示',
              content: res.data.note ? res.data.note : '是否選擇更新',
              success: showResult => {
                if (showResult.confirm) {
                  if (res.action === 'all') {
                    // 整包更新
                    // plus.runtime.openURL(openUrl)
                    updateAppAll(openUrl.url)
                  } else {
                    // 應用資源獨立升級
                    downWgt(wgtUrl) // 下載升級包
                  }
                }
              }
            })
          }
        },
		fail:(err) => {
			console.log(JSON.stringify(err));
		}
      })
  })
  
}
 
/** 整包更新 */
function updateAppAll (openUrl) {
  if (plus.os.name === 'iOS') {
    plus.runtime.openURL(openUrl)
  } else {
    var dtask = plus.downloader.createDownload(openUrl, {}, function (d, status) {
      if (status === 200) {
      // 下載成功
        var path = d.filename
        console.log(d.filename)
        plus.runtime.install(path) // 安裝下載的apk檔案
      } else {
      // 下載失敗
        alert('Download failed: ' + status)
      }
    })
    dtask.start()
  }
}
 
/** App資源線上升級更新 */
// 下載wgt檔案
function downWgt (wgtUrl) {
  plus.nativeUI.showWaiting('下載更新檔案...')
  console.log(wgtUrl);
  plus.downloader.createDownload(wgtUrl, { filename: '_doc/update/' }, function (d, status) {
    if (status == 200) {
      console.log('下載更新檔案成功:' + d.filename)
      installWgt(d.filename) // 安裝wgt包
    } else {
		console.log(JSON.stringify(status) );
      console.log('下載更新檔案失敗!')
      plus.nativeUI.alert('下載更新檔案失敗!')
    }
    plus.nativeUI.closeWaiting()
  }).start()
}
// 更新應用資源包(wgt檔案)
function installWgt (path) {
  plus.nativeUI.showWaiting('安裝更新檔案...')
  plus.runtime.install(path, {}, function () {
    plus.nativeUI.closeWaiting()
    console.log('安裝更新檔案成功!')
    plus.nativeUI.alert('應用資源更新完成!', function () {
      plus.runtime.restart()
    })
  }, function (e) {
    plus.nativeUI.closeWaiting()
    console.log('安裝更新檔案失敗[' + e.code + ']:' + e.message)
    plus.nativeUI.alert('安裝更新檔案失敗[' + e.code + ']:' + e.message)
  })
}

後端(node.js koa2)

router.get('/app_update', async (ctx, next) => {
	let {
		appid,
		version,
		imei
	} = ctx.query
	let app_date ={};
	if (version < "1.0.1") {
		 app_date = {
			"isUpdate": true,
			"appid": appid,
			"action": "sth", // 整包更新 = all ,應用資源獨立升級 = sth
			"iOS": {
				"version": "iOS新版本號,如:1.0.0",
				"note": "iOS新版本描述資訊,多行使用\n分割",
				"url": "Appstore路徑,如:itms-apps://itunes.apple.com/cn/app/hello-h5+/id682211190?l=zh&mt=8"
			},
			"Android": {
				"version": "Android新版本號,如:1.0.1",
				"note": "Android新版本描述資訊,多行使用\n分割",
				"url": "apk檔案下載地址,如:http://www.dcloud.io/helloh5p/HelloH5.apk"
			}
		}
	} else {
		 app_date = {
			"isUpdate":false,
		}
	}
	ctx.body = app_date
})

相關文章