从零开始开发HybridApp

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开发框架，AppNest。

AppNest Project简介

AppNest项目包含三部分，包括Android版外壳、iOS版外壳，以及一个用来示范如何开发与源神外壳通信的Web App DEMO。