HBuilder 的热更新

用 HBuilder 的 Wap2App 功能实现“热更新”:让你的 APP 永远跟上 H5 的脚步 开发 H5 站点:利用 Vue3(或其他框架)构建高质量 H5 应用,并通过 Vite 或其他工具进行打包。部署至远程服务器:将打包后的静态文件上传到服务器,并通过 Nginx 配置实现分区缓存策略。利用 HBuilder Wap2App 打包 APP:在 HBuilder 中填写你的 H5 站点首页 URL(如),生成 APP。更新 H5 内容:以后每次修改 H5 站点,只需更新服务器上的文件,APP 端自动加载最新版本,无需重新打包 APP。 阅读详情

                                                   HBuilder 的热更新

导读:我在移动APP开发之中特别困扰appStore的更新问题,没次改变点东西都需要重新发包进行审核,之前还不知道HBuilder有这个热更新的功能,后来听同事说可以热更新,不用每次都上传苹果商店进行审核,得到这个消息我很兴奋,于是在网上查阅了资料,自己变行动起来,一下是我的总结。
 1、首先我们要获取当前安装包的version,将获取到当前APP安装的版本与服务器上的版本进行比较,如果存在最新版本可以提示用户进行下载更新。
   var version;
   // 获取本地应用资源版本号
   plus.runtime.getProperty(plus.runtime.appid,function(inf){
	//获取当前版本号
	version=inf.version;}
2、如果用户选择更新可以使用一下方法进行更新。

                // 下载wgt文件
		function downWgt(){
		    //plus.nativeUI.showWaiting("下载wgt文件...");
		    plus.downloader.createDownload( wgtUrl, {filename:"_doc/update/"}, function(d,status){
		        if ( status == 200 ) { 
		            console.log("下载wgt成功:"+d.filename);
		            installWgt(d.filename); // 安装wgt包
		        } else {
		            console.log("下载wgt失败!");
		            plus.nativeUI.alert("下载wgt失败!");
		        }
		        plus.nativeUI.closeWaiting();
		    }).start();
		}

		// 更新应用资源
		function installWgt(path){
		    //plus.nativeUI.showWaiting("安装wgt文件...");
		    plus.runtime.install(path,{},function(){
		        plus.nativeUI.closeWaiting();
		        console.log("安装wgt文件成功!");
		        plus.nativeUI.alert("应用资源更新完成!",function(){
		            plus.runtime.restart();
		        });
		    },function(e){
		        plus.nativeUI.closeWaiting();
		        console.log("安装wgt文件失败["+e.code+"]:"+e.message);
		        plus.nativeUI.alert("安装wgt文件失败["+e.code+"]:"+e.message);
		    });
		};

3、上面提到的下载WGT文件是由HBuilder生成的。先填写版本号等信息在进行WGT文件的生成。
  1. <code class="language-html">然后HBuilder的菜单栏中选择“发行”--》“制作移动app资源升级包”,将生成好的WGT文件放到服务器即可。</code>  


HBuilderX打包H5、vue项目 阅读详情

相关推荐

利用vuewebpack构建热更新的hbuilderAPP多页面应用

此项目设计的最初目的是为了解决使用 vue webpack 自动化构建并实时同步手机热更新调试而诞生

HBuilder----APP热更新升级

app检测是否有新版本,有的话提示更新下载,实现热更新的代码。点击确定制作升级包。

Ta曰丿、她活的博客 2903

Redis中什么是Big Key(大key)问题?如何解决Big Key问题?

通俗易懂的讲,Big Key就是某个key对应的value很大,占用的redis空间很大,本质上是大value问题。key往往是程序可以自行设置的,value往往不受程序控制,因此可能导致value很大。redis中这些Big Key对应的value值很大,在序列化/反序列化过程中花费的时间很大,因此当我们操作Big Key时,通常比较耗时,这就可能导致redis发生阻塞,从而降低redis性能。用几个实际的例子对大Key的特征进行描述:● 一个String类型的Key,它的值为5MB(数据过大); ● 一

weixiaohuai的博客 3万+

HBuilderX使用uniapp框架开发Android应用实现热更新

HBuilderX使用uniapp框架开发Android应用实现热更新

qq_54065476的博客 7255

【Spring源码三千问】哪些循环依赖问题Spring解决不了?

哪些循环依赖问题Spring解决不了?前言版本约定正文场景一: prototype 类型的循环依赖场景二: constructor 注入的循环依赖场景三:Proxy 类型的 Bean 的循环依赖小结 系列博文: 【老王读Spring IoC-0】Spring IoC 引入 【老王读Spring IoC-1】IoC 之控制反转引入 【老王读Spring IoC-2】IoC 之 BeanDefinition 扫描注册 【老王读Spring IoC-3】Spring bean 的创建过程 【老王读Spring I

老王的专栏 7318

AURIX™ TC49x芯片手册中文分享(二)

主要内容为第一章、功能模块的特征

xibaofenqi的博客 1562

HBuilder的热更新

HBuilder 的热更新 导读:我在移动APP开发之中特别困扰appStore的更新问题,没次改变点东西都需要重新发包进行审核,之前还不知道HBuilder有这个热更新的功能,后来听同事说可以热更新,不用每次都上传苹果商店进行审核,得到这个消息我很兴奋,于是在网上查阅了资料,自己变行动起来,一下是我的总结。  1、首先我们要获取当前安装包的version,将获取到当前APP安装的版本与服务器

tiger_gy的博客 1万+

保姆级教程:在Windows/Linux双系统下搞定Microsemi Libero SoC v11.8安装与白银版License激活

本文提供了一份详细的Microsemi Libero SoC v11.8在Windows/Linux双系统下的安装与白银版License激活指南。涵盖环境准备、安装流程、License跨平台配置及常见问题排查,帮助开发者高效搭建FPGA开发环境。

weixin_30603633的博客 418

hubuilder adb冲突 造成无法热更新问题的解决方法(hubuilder 与投屏软件冲突)

1.投屏软件已启动,再启动hubuiber 会出现adb冲突报错 有时候因为adb文件的不同会导致hubuiber不会进行热更新问题! 打开任务管理 找到上面报错pid 为6344 6344 是投屏软件的adb 方法一:直接在任务管理器 把投屏的adb杀掉; 方法二:替换为同一版本的adb; 一般都是hubuiber的替换到投屏软件中; 点击hubuider中的 检查adb冲突 找到4.1.4其他问题 找到自己hubuiler 的adb目录 plugins/launcher/tools/adbs

HHH917的博客 1250

从零开始:PLUMED与GROMACS整合安装全攻略

本文详细介绍了如何从零开始整合安装PLUMED与GROMACS,包括系统环境检查、MPI配置、PLUMED编译安装、GROMACS补丁应用及常见问题解决方案。通过本教程,研究人员可以快速完成分子动力学模拟工具的整合安装,实现增强采样和自由能计算功能。

weixin_42520796的博客 292

R语言影像组学实战:从医学图像到预测模型的完整流程(附代码)

本文详细介绍了使用R语言进行影像组学分析的完整实战流程。从环境搭建、数据准备,到医学图像的特征提取与筛选,再到利用机器学习构建预测模型并进行评估,提供了清晰的步骤和可运行的R代码示例,帮助研究者和数据分析师掌握从医学图像到临床预测模型的核心技术。

qsc901234的博客 732

Hubuilder处理打包后Vue项目

处理了公司古老项目,是Vue2 H5项目,现在需要把这个项目改成APP。

weixin_62364503的博客 670

使用MATLAB和Simulink来设计并仿真一个智能家居火灾报警系统

智能家居火灾报警系统旨在通过烟雾传感器、温度传感器等设备监测家庭环境,一旦检测到异常情况(如烟雾或温度骤升),立即触发警报并采取相应措施。在这个教程中,我们将使用MATLAB和Simulink来设计并仿真一个智能家居火灾报警系统,包括数据采集、处理以及响应机制。

amy_mhd的博客 162

Vue cli3+Hubuilder将项目打包为App

前言 现在跨平台的开发越发的火了起来。前端能做到的事情也越来越多,App再也不用完全依靠安卓原生开发了。现在开发app的方式都是内核是前端开发,然后再给项目套一个安卓的外壳,即可实现app的开发。 Vue开发app如何打包? 现在最新的脚手架为Vue-cli3,构建出来的项目结构十分明了简单。配置文件只需一个Vue.config.js即可搞定。 先到Vue.config.js里面添加: ``` J...

weixin_34245169的博客 2236

这才是 Python 的正确玩法!用强化学习 (RL) 训练 AI 玩《王者荣耀》,胜率 90%!

大家打排位时,一定遇到过那种“意识神级、操作零失误”的对手,或者“走位呆滞、送人头”的队友。以前的“人机”是程序员写死的脚本(If 血量<20% Then 回城)。而现在的顶级 AI(如腾讯绝悟、OpenAI Five),是靠强化学习 (Reinforcement Learning)自己“左右互搏”练出来的。今天,我们不谈枯燥的数学公式,我将手把手教你用,搭建一个能玩 MOBA 游戏的 AI Agent。即使不能去 KPL 打职业,虐一下钻石局还是绰绰有余的!

BUG猿的博客 1182

数学建模模型总结

这是本人在两年内准备参加数学建模竞赛搜集到的模型资料,已经经过了本人的筛选和整理,希望能够对准备参加数学建模竞赛的学弟学妹们提供一些帮助!

hubuilder版本与手机端SDK--uniapp

更改manifest.json 配置。

ZhuYong0829的博客 403

IEM模型,地表粗糙度模拟

利用微波反演土壤水分时候,利用IEM模型可以实现对随机地表的模拟

uniApp——hubuilder版本与手机端SDK不匹配解决方法

本应用使用hbuilderxx.xx或对应的cli版本编译,而手机端SDK版本是x.x.x

qq_32944491的博客 6417

efm32 入门.pdf

本PDF共计22页,介绍的是操作驱动API,下载与否自己斟酌。

复分析 阿尔福斯(Ahlfors) 第三版答案 英文

答案分为十章,有部分习题没有答案,全英文复分析阿尔福斯(Ahlfors) 第三版答案

uniApp开发安卓App调试与打包

总结一下auniapp开发安卓app的调试方式及打包; 代码编程查看文档即可.; 1通过vue-cli方式初始化项目 参考地址: https://uniapp.dcloud.io/quickstart-cli 2 将app实时安装到手机上 使用vscode编辑代码, 使用hubuilder去调试运行及打包 手机打开开发者模式 连接电脑 选中运行的项目; 编辑器代码更新,手机上交互实时更新; 3使用谷歌浏览器devtools工具调试app页面 浏览器打开此链接 chrome://inspect/#devic

IT水很深,路还很长 7799

HTML引用外部json文件

我是在hubuilder里试的,先是新建data.json文件。里面写上内容。其中var dataFromJSON是为了方便引用。 var dataFromJSON = { "text":"外部json", "iconCls":"fa fa-wpforms", "state":"open", ...

qq_24687915的博客 1万+

vue脚手架项目打包成app_Vue cli3+Hubuilder将项目打包为App

前言现在跨平台的开发越发的火了起来。前端能做到的事情也越来越多,App再也不用完全依靠安卓原生开发了。现在开发app的方式都是内核是前端开发,然后再给项目套一个安卓的外壳,即可实现app的开发。Vue开发app如何打包?现在最新的脚手架为Vue-cli3,构建出来的项目结构十分明了简单。配置文件只需一个Vue.config.js即可搞定。先到Vue.config.js里面添加:``` JSmodu...

weixin_35582019的博客 586

P3 app下发命令

16.将这个方法绑定到开关组件(这里的意思是, 在这个switch变动的时候, 这个组件就会调用一下这个函数onLedSwitch,并传入组件信息—这个函数传入的参数event,就是这个组件的所有信息, 方便进行联动)22.点开后,发现detail , 就是app中开关的状态,我们就要提取这个值,detail里面的value ,完成下发命令,控制电机,led,彩灯,并可以通过手动控制后,在app观察到,状态更改。14.这个状态, 要绑定到开关上面,就可以根据开关的状态,控制led灯的亮灭,

qq_57484399的博客 762

钉钉的微应用如何测试;

https://wsdebug.dingtalk.com/ //地址打开扫描二维码; 或者用自己服务器配置在钉钉微应用链接上面,然后通过alert来测试打印的东西; 也可自己配置夜神模拟器下载,于hubuilder里面配置端口,来进行测试; //注:用钉钉开发版来测试 ...

leos 7126

Hbuilder-应用程序打包

Hbuilder-应用程序打包

记录和分享属于我的“IT”时光。 6613

HubliderX将Vue3离线包打包生成App,以及解决打包后的APP出现白屏的问题(简单示例)

将vue3离线包打包生成app

小夏同学呀 1909

HBuilderX 安卓APP自有证书打包

HBuilderX 安卓APP自有证书打包

weixin_59905053的博客 1615

个推-hbuilder-app使用

1、在个推上注册账户,登陆进去 2、创建个推应用,选择安卓,设置名称 打开后:点击应用配置,查看appleID等三个信息 3、在hbuilder中创建一个移动app,命名为mui-app(自己随便起名) 打开manidast.json 点击sdk配置,找到plus.push-推送,把上图中对应三个信息填写在下面,appid,appkey,appscret,保存 4,圈红的其他信...

feng_xinlei的博客 1380
上一篇: 使用HTML5+调用手机摄像头和相册
下一篇: Oracle SQL语句之常见优化方法总结
CSC_Cockroach
博客等级 码龄10年 7粉丝 19原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值