Hybrid App开发学习教程

Hybrid App（混合模式移动应用）是指介于web-app、native-app这两者之间的app，兼具“Native App良好用户交互体验的优势”和“Web App跨平台开发的优势”。

理解Hybrid

Hybrid App本质上是源生程序语言混合前端网页语言，目的是兼顾源生App的产品体验和Web应用的轻量特性。

时至今日，大多数开发者都或多或少听说过Hybrid App是怎么回事，也可能研究过诸如UniApp、Cordova等跨平台移动开发框架。然而Hybrid兴起这么多年，无论是Android还是iOS平台，似乎市面上很少见这类框架开发的成功应用。这是什么原因呢？

Hybrid App的分类

Hybrid框架基于程序主体平台和前端网页语言与源生程序语言的混合方式，大致可以分为两类。分别是以前端网页语言为主的Web主体型和以Native为主的复合型。

1. Web主体型

我们常见的Hybrid框架，如上文提及的UniApp、Cordova等，都属于Web主体型方案。Web主体的方案有着诸多优点，比如只需要开发人员熟悉网页语言就可以开发App，大大降低了整体研发难度和成本；再比如继承了前端语言的特点，一定程度上拥有了跨平台的能力。但该方案的缺点同样明显，开发人员发现这种方式开发的App普遍存在程序性能问题和由此引发的用户体验问题。

Web主体型的移动应用用户体验的好坏，主要取决于底层中间件的交互与跨平台的能力。经过十数年的技术革新，研发技术和移动终端的硬件性能都有很大的提升，一些Web主体型框架已经能达到接近源生的性能体验。如果未来该问题能得到彻底解决，Web主体型方案将会是最佳的Hybrid方案。

2. 复合型

复合型Hybrid方案，一句话解释就是源生程序语言开发App外壳，前端程序语言实现内部业务，两者之间通过JSBridge通信。复合型方案的特点是将影响程序性能的中间件处理环节交还给源生程序语言，自身只负责业务实现。原则上外壳可以提供Web需要的任何能力。

这其实不算是一种新的开发模式，许多大厂都采用了类似的方案。如Android版本的淘宝App、百度App等。百度内部还封装了自己的浏览内核，更高效。

复合型Hybrid拥有众多优势，但整体热度较Web主体要低不少，原因在于需要有专人维护不同平台的App外壳，导致许多个人开发者或小微开发团队被拒之门外。换言之，如果能有一套高度封装的各平台App开源外壳，只需要简单的配置即可进行复合型Hybrid App集成，那该方案无疑是眼下能找到的最优方案。

Hybrid App开发框架

AVM（Application-View-Model）框架是千语创想推出的一个跨端高性能 JavaScript框架，更趋近于原生的编程体验，它提供简洁的模型来分离应用的用户界面、业务逻辑和数据模型，适合高度定制化的项目，一次编码，可以同时开发安卓、iOS和小程序等多端应用。

AVM是千语创想基于标准H5子集设计的DSL中间语言编程框架，其可具备如下能力：

Virtual DOM：通过虚拟DOM，渲染到不同终端，充分尊重系统特性，为不同终端执行差异处理，实现高效渲染；

组件化：高可重用性、可组合性、可维护性的架构设计，隐藏了复杂的DOM结构和行为，让开发者专注于应用的功能和外观；

数据绑定：轻松将数据源绑定到应用用户界面，降低逻辑复杂性和开发难度；

状态管理和路由：有效分离用户界面和数据处理，实现项目的工程化管理；

类Vue语法和兼容React JSX，兼具Vue的轻巧和React的灵活性。

千语创想 DSL最终可编译为标准JS，通过DeepEngine渲染到app端和Web端，或者编译为微信小程序代码，用于微信小程序平台发布。

立即免费在线制作一个APP/小程序，新手注册即送开发大礼包