热更新是一种App软件开发者常用的更新方式。简单来说,就是在用户下载安装App之后,打开App时遇到的即时更新。
在2017年苹果App Store针对热更新的下架事件以后,开发者们也在不断的探索及尝试最优技术解决方案。其中「Native 小程序」的热更新解决方案脱颖而出,成为了近年来App热更新领域,最热门的技术解决方案,没有之一:一码多端运行(跨平台),体验优于H5(松散耦合),避免 DOM 泄露(安全容器)等,都是该方案的核心优势。
背景是什么
早在2017年,App Store审核团队便针对App Store中“热更新”的App开发者发送邮件,要求移除所有相关的代码、框架或SDK,并重新提交审核,否则就会在AppStore中下架该软件。由于软件热更新绕过了苹果的审核,黑客开发者有可能会通过提交正常的版本之后,通过热更新的方式修改APP导致安全隐患,利用这个“后门”来窃取用户设备中的隐私信息。
与此同时,各行各业的业绩却需要应对千变万化的市场需求背景下加速增长。移动互联网背景下,APP这个主流触达用户的工具,变成为了商家流量竞争的主战场。技术作为业务的市场触达及活跃的保障手段,对于业务应用,尤其是高频引流及活跃的应用需要保持快速迭代更新。基于这个背景,可以说开发者们从未放弃探索及寻找热更新的最优技术解决方案。
App热更新技术方案
市面上App热更新技术方案可归纳为两大类:纯原生(Native)的,以及Hybird(混合开发)模式下的技术方案。
纯原生(Native)的热更新技术解决方案典型的有Dexposed、AndFix、KKFix.....很多且应用也不错,但随着市场上“敏捷开发”,“一端开发,多端上架”等研发概念探索成型并有一些成功实践被广而告之以后,Hybird(混合开发)的移动研发模式便开始流行起来。
因此,我们在本文中重点探讨一下混合式App开发模式下的热更新方案。
混合App开发模式之「Native 小程序」
介绍混合App的热更新方案前,还得先介绍一下混合App开发模式都有哪些。
在微信把小程序带火之前,H5在微信中“漫山遍野”。这些在类似微信的社交中心化平台上生存的业务应用,主要目的是给企业主的业务做引流和活跃。既然已经开发了一套应用在微信上,为什么不能应用于App的研发管理上呢?这样是不是更服务敏捷开发的理念?
于是,混合App开发模式–「Native H5」诞生了。
如今,微信全网小程序数量超过700万,微信小程序日活超过4.5亿,真正进入了业务应用小程序流行的年代,于是开始有人研究「Native 小程序」的App开发模式。
相比于「Native H5」,「Native 小程序」的App开发模式优势在哪里呢?关键在于小程序相比于H5,有其自身的优势:
1、开发成本更低:小程序技术是前端容器技术的一种应用,其组件及UI都有明确的规范,开发者不用考虑兼容性及类似H5开发时复杂工具及框架的选择。 2、加载速度更快:小程序是基于App端实现的应用,自身对于App有一定的亲和度,使用时不像H5的网页加载方式,用户主观感觉会更流畅。 3、与宿主环境结合更紧密: 如上所述,小程序是基于App端实现的应用,故只能在特定的平台内运行,可想而知其获取系统(App)的权限也会多于H5(H5是网页,只要有浏览器就可以使用)。 4、用户体验更佳: H5网页是在浏览器内使用,如果网速不佳或者网页加载东西过多就会出现卡顿。 小程序只需在首次使用时是加载,也不会太精准,初次加载后页面再加载就会很流畅了。另外,组件及UI都是有预设组件,展示体验也会更佳。
基于上述信息,小程序应用能火起来,或者说各大平台竞相“弃H5从小程序”也不是没有其道理所在。
上述说的只是说了小程序自身比H5具备更优的技术解决方案,那么放到混合App开发模式下比较,「Native 小程序」的App混合开发模式的优势可以总结为:
- 远超过 H5 的体验(支持本地缓存,Webview,有丰富的组件与支持库);
- 能获取更多系统权限,完成更加丰富的产品设计;
- 可以避免 DOM 泄露(不使用常用的 window 对象与 document 对象);
- 包尺寸有效减少,节省流量和存储
「Native 小程序」的App热更新技术方案
「Native H5」的App,其热更新的机制大致是:把需要频繁发版的业务应用H5化,并内嵌至 App 中。当含有页面链接的App版本过审以后,这些H5 页面可以随时远程热更新,用户在不更新App版本的基础上,就能使用最新版的业务应用。
那么「Native 小程序」的App,其热更新方案好在哪里呢?其好处并不在于热更新本身,而是在于「Native 小程序」给企业技术和业务的价值更优,所发挥的作用更大。
首先,说说技术层面
小程序技术作为前端容器技术的技术实践之一,天生与云原生的理念亲和,且具备容器技术的优势:容器安全。
小程序技术的核心功能是视图层与逻辑层分离,这种分离有很多好处:
1、方便多个小程序页面之间的数据共享和交互。在小程序的生命周期中具有相同的上下文可以为具备原生应用程序开发背景的开发人员提供熟悉的编码体验; 2、Service和View的分离和并行实现可以防止JS执行影响或减慢页面渲染,这有助于提高渲染性能; 3、因为JS在Service层执行,所以JS里面操作的DOM将不会对View层产生影响,所以小程序是不能操作DOM结构的,这也就使得小程序的性能比传统的H5更好。
其次,说说业务层面
“容器化”就是将容器中的每个部分(应用、流程等等)都打包在自己的容器中,这有助于提升复用性、透明度以及改善资源隔离。
小程序作为容器技术之一,具备将业务应用打散再重整的能力,即应用松散耦合。产品经理、业务大大们,试想一下,原先的几十个业务模块,可以单独拆分出来,互不影响的运行,不同类型的业务模块,还可以嵌入到你所需要的兄弟App中进行引流或业务承接。
基于FinClip技术的产品实践示例
作为小程序运行的环境,为小程序提供安全沙箱、代码解析和渲染等服务。 为了让更多 APP 轻松拥有“小程序运行能力”。凡泰极客将“小程序运行时”实现成一个可私有化部署的 iOS 和 Android 版本的 SDK,可以被第三方集成。也就是说,任何 APP 通过嵌入FinClip小程序SDK即可瞬间获得运行小程序的能力。 仅需 5 行代码,即可让你的 APP 快速启动和运行小程序,而且小程序运行时 SDK,Android 端 1.3 兆,iOS端 1.8 兆,轻量无感,同时SDK采用多线程运行方式,极端情况下也不影响宿主 APP 的安全稳定运行。
总结一下,「Native 小程序」可给企业技术和业务带来的的价值更优,所发挥的作用更大。