(热更新技术)高效率Hybird移动应用开发过程解决方案

这里写图片描述

前言

作为一名移动应用开发者而言快速高效进行版本测试,是至关重要的,所以一直在探索一个解决方案,可以随时更新我们的逻辑代码,今天我们就来看一下,我是如何在项目中进行应用的。

热更新

这个名词很早就听说过,只不过一直都没有一个明确的定义,也没有过多的机会去尝试,但是最近遇到过一个需求,尝试了一下, 所谓热更新就是在不需要重新安装的情况,升级和测试我们的app, 这个理念多被应用在混合和驱动原生型的应用当中。

实践项目技术背景

现有的项目采用cordova+H5进行项目架构,所以所谓的热更新一定要基于Cordova才可以生效, Cordova也是当前最为热门的混合移动应用的解决方案,性能上相比之前版本已经有了很大提升,但是所耗费的内存还是较为突出,整体评价还是非常不错的。

解决方案

此方案应用了一个开源的项目,这是一款非常不错的混合应用插件,项目地址,分享给大家,可以自行folk查看,也非常感谢这位作者,给我们开发提供这款工具,这里大概说一下原理:

这里写图片描述

会在本地www文件搭建一个测试服务,负责实时更新www下的代码到实际设备中,这里应用到了ngrok等代理服务器。

多的不说看看实施流程:

创建一个空的cordova项目

cordova create HotUpdate com.delawareconsulting.hot-update HotUpdate

//添加相应的测试平台
cordova platform add android
cordova platform add ios

安装插件

cordova plugin add cordova-hot-code-push-plugin

安装本地push文件的插件

cordova plugin add cordova-hot-code-push-local-dev-addon

安装热更新本地客户端Module

npm install -g cordova-hot-code-push-cli

启动本地server服务

cordova-hcp server

会看到如下内容:

这里写图片描述

运行真实设备

说到底我们主要是为了实时测试真机的效果,所以我们需要启动我们的模拟设备

一种已启动方式是通过命令:

cordova run ios

或者通过xcode和android studio 运行。

个人测试了一下,这个过程等待大概4秒左右才会刷新。 效果还是还是可以的,总比我们在运行次要快很多。

尝试一下吧!

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

天外野草

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值