Vue封装hbuilder热更新

main.js

import AutoUpdateApp from './common/AutoUpdateApp/AutoUpdateApp' //我存放AutoUpdateApp.js的目录
Vue.use(AutoUpdateApp)

AutoUpdateApp.js

export default {install(Vue,options){Vue.prototype.AutoUpdateApp = function () {return {// 获取本地应用资源版本号getVersion: function (CallBack) {var wgtVer = null;//异步操作plus.runtime.getProperty(plus.runtime.appid,(info) => {wgtVer = info.version;CallBack(wgtVer);});},//下载wgt文件downWgt: function (wgtUrl) {var self = this;plus.nativeUI.showWaiting("下载更新文件...");plus.downloader.createDownload( wgtUrl, {filename:"_doc/update/"}, function(d,status){if ( status == 200 ) { console.log("下载更新文件成功：" + d.filename);self.installWgt(d.filename); // 安装wgt包} else {plus.nativeUI.alert("下载失败！");}plus.nativeUI.closeWaiting();}).start();},// 更新应用资源installWgt: function (path) {plus.nativeUI.showWaiting("安装更新文件...");plus.runtime.install(path,{},function(){plus.nativeUI.closeWaiting();plus.nativeUI.alert("应用资源更新完成！",function(){plus.runtime.restart();});},function(e){plus.nativeUI.closeWaiting();plus.nativeUI.alert("安装更新文件失败[" + e.code + "]：" + e.message);if(e.code == 10){plus.nativeUI.alert('请清除临时目录');}});}}};}}

vuex的store.js文件的actions

autoupdateapp: function (context) {let AutoUpdateApp = new window.Vue.AutoUpdateApp();let wgtVer = plus.runtime.version;axios.post('/point-api-autoupdateapp',{appid:plus.runtime.appid,appname:'queue'}).then(function(response){    let newVer = response;//检查更新if(wgtVer && newVer && (wgtVer.substring(0,3) < newVer.versionName.substring(0,3))){if(window.confirm('检测到更新,是否更新?')){AutoUpdateApp.downWgt(newVer.apk);  }} }, function(response){mui.toast('网络错误');});}

在需要的组件的 mounted或created调用

// 初始化创建对象mui.plusReady(() => {this.$store.dispatch('autoupdateapp');});

php的models代码

public static function AutoUpdateApp($params)
{extract($params);$versionName = '';if($appname == 'queue'){$versionName = '1.2.0';}elseif($appname == 'waiter'){$versionName = '1.2.0';}elseif($appname == 'pos'){$versionName = '1.2.0';}$data = ['versionName' => $versionName,'apk' => $SERVER['REQUEST_SCHEME'].'://'.$_SERVER['HTTP_HOST'].'/app/'.$appid.'.wgt',//存放更新资源的目录];return self::formatBody('data' => $data);
}

Vue封装hbuilder热更新相关推荐

hbuilder热更新
前端代码: // 获取当前应用的版本号 var wgtVer=null; function plusReady(){// ......// 获取本地应用资源版本号plus.runtime.getP ...
vue init webpack缺少标识符_Vue脚手架热更新技术探秘
前言热替换(Hot Module Replacement)或热重载(Hot Reload)是指在不停机状态下,实时更新,在前端利于来说,在各大框架中及库中都有体现,比如NG从5开始就提供了热更新,R ...
vue修改部分文件热更新失效
文章目录一.问题描述二.排查过程三.问题解决一.问题描述笔者最近遇到了vue修改文件热更新的失效的问题[并不是改所有的文件都失效,是改部分文件失效] 每次更新完那个文件的代码之后页面并不会有 ...
webpack和vue热更新
目录 webpack一些概念介绍 webpack热更新流程 1. 启动阶段 ①->②->A->B 2. 更新阶段 ①->②->③->④ vue的组件热更新模块总结 ...
cocos2dx lua 热更新
文章新地址原理每次登陆游戏利用cocos的assetManager从服务器拉去当前最新的两个文件. 一个是version.mainifest,一个project.mainifest. 这两个文 ...
Cocos2dx-- 资源热更新
前言:游戏上线后,我们常常还会需要更新,如新增玩法,活动等,这种动态的更新资源我们称为游戏的热更新.热更新一般只适用于脚本语言,因为脚本不需要编译,是一种解释性语言,而如C++语言是很难热更新的,其代 ...
hmr webpack 不编译_webpack - hmr热更新
文章首发于个人blog,欢迎关注~ webpack hmr webpack-dev-server 在使用 webpack-dev-server 的过程中,如果指定了 hot 配置的话(使用 inlin ...
vue created 调用方法_深入解析 Vue 的热更新原理，偷学尤大的秘籍？
大家都用过 Vue-CLI 创建 vue 应用,在开发的时候我们修改了 vue 文件,保存了文件,浏览器上就自动更新出我们写的组件内容,非常的顺滑流畅,大大提高了开发效率.想知道这背后是怎么实现的吗, ...
vue 热更新无反应_不吹不黑谈谈 vue 的 SFC 和 template
大家好,好久不贱,我是 132,今天给大家带来一篇关于 SFC 的文章为什么我曾经不看好 SFC 和 template 过去,我一直不看好 SFC 和 template,甚至因为这个观点,还被很多 ...

Vue封装hbuilder热更新

main.js

AutoUpdateApp.js

vuex的store.js文件的actions

在需要的组件的 mounted或created调用

php的models代码

Vue封装hbuilder热更新相关推荐

最新文章

热门文章