博客列表 >MUI 混合开发移动app之版本升级

MUI 混合开发移动app之版本升级

拾一枝樱花的博客
拾一枝樱花的博客原创
2019年12月17日 11:03:312223浏览

升级方式:
1.自动升级:一般在客户app第一次打开首页的时候。
2.手动升级:在app界面提供一个升级的入口。
基本思路:
获取本机的app版本号,然后同服务器上面的app版本号进行比较,如果小于服务器上面的app版本号,那么就执行更新操作。

实现代码:

  1. var btn = ["确定升级", "取消"];
  2. //获取app系统更新[是否手动点击获取更新]
  3. function appUpdate(ismanual) {
  4. mui.plusReady(function () {
  5. plus.runtime.getProperty(plus.runtime.appid, function (inf) {
  6. ver = inf.version;
  7. console.log('ver:' + ver);
  8. var url = config.GetAppVersion;
  9. var client;
  10. var ua = navigator.userAgent.toLowerCase();
  11. if (/iphone|ipad|ipod/.test(ua)) { //苹果手机
  12. mui.ajax({
  13. type: "get",
  14. dataType: 'json',
  15. url: "https://itunes.apple.com/lookup?id=1318127518",//获取当前上架APPStore版本信息
  16. data: {
  17. id: 131812xxxx //APP唯一标识ID
  18. },
  19. contentType: 'application/x-www-form-urlencoded;charset=UTF-8',
  20. success: function (data) {
  21. console.log('data:' + JSON.stringify(data));
  22. var resultCount = data.resultCount;
  23. for (var i = 0; i < resultCount; i++) {
  24. var normItem = data.results[i].version;
  25. console.log('normItem:' + normItem)
  26. if (normItem > ver) {
  27. var _msg = "发现新版本:V" + normItem;
  28. //plus.nativeUI.alert("发现新版本:V" + normItem);
  29. mui.confirm(_msg, '升级确认', btn, function (e) {
  30. if (e.index == 0) { //执行升级操作
  31. document.location.href = 'https://itunes.apple.com/cn/app/san-gu-hui/id131812xxxx?mt=8'; //上新APPStore下载地址
  32. plus.runtime.openURL(data.url); //调用本地浏览器打开网址
  33. }
  34. });
  35. return;
  36. }
  37. }
  38. if (ismanual) {
  39. mui.toast('当前版本号已是最新');
  40. }
  41. return;
  42. }
  43. });
  44. } else if (/android/.test(ua)) {
  45. // 获取服务器数据库版本号
  46. mui.ajax(url, {
  47. data: {
  48. apkVersion: ver,
  49. },
  50. dataType: 'json',
  51. type: 'get',
  52. timeout: 10000,
  53. success: function (data) {
  54. //console.log('data:'+JSON.stringify(data))
  55. if (data.StatusCode = 200 && data.Data > ver) {
  56. //mui.toast("发现新版本:V" + data.Data);//获取远程数据库中上新andriod版本号
  57. var _msg="发现新版本:V" + data.Data;
  58. mui.confirm(_msg, '升级确认', btn, function (e) {
  59. if (e.index == 0) { //执行升级操作
  60. plus.nativeUI.toast("正在准备环境,请稍后!");
  61. var dtask = plus.downloader.createDownload(app下载地址 url , {}, function (d, status) {
  62. if (status == 200) {
  63. var path = d.filename;//下载apk
  64. plus.runtime.install(path);// 自动安装apk文件
  65. } else {
  66. plus.nativeUI.alert('版本更新失败:' + status);
  67. }
  68. });
  69. dtask.start();
  70. }
  71. });
  72. } else {
  73. console.log('当前版本号已是最新');
  74. if (ismanual) {
  75. mui.toast('当前版本号已是最新');
  76. }
  77. return;
  78. }
  79. },
  80. error: function (xhr, type, errerThrown) {
  81. if (ismanual) {
  82. mui.toast('网络异常,请稍候再试');
  83. }
  84. }
  85. });
  86. }
  87. });
  88. });
  89. }

需要注意的是:采用手动更新和自动更新调用此方法,要传入不同的参数,因为自动更新的话,如果系统检测到当前已经是最新版本,那么将不会在客户端进行展示,而手动更新的话如果已经是最新版本,那么是需要提示客户的。

自动更新调用:appUpdate();//检测app更新

手动更新调用:appUpdate(true);//检测app更新

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议