Native App

传统的App开发模式，有iOS和aOS两大系统，需要各自语言开发各自的App。 有较好的性能和体验，但是开发成本和发布成本都很高。最好的例子是：网易管家App（Tab1 Tab2）。

Web App

移动端的网站，常常被称为H5应用，其实就是运行在特定的移动端浏览器上的网站应用。一般泛指 SPA(Single Page Application)模式开发出的网站，与MPA（Multi-page Application）对应。 开发成本和发布成本都很低，但是性能和体验虽然不是最差的，但是也受到浏览器处理能力的限制，多次下载一样会占用用的流量。同样的例子也是：网易管家APP（Tab3）。

Hybrid App

混合模式的移动应用，介于Web App、Native App这两者之间的App开发技术，兼具“Native App良好交互体验的优势”和“Web App跨平台开发的优势”，其实主要的原理是，由Native通过JSBridge等方法提供统一的API，然后用Html+Css实现界面，JS来写逻辑，调用API，最终的页面在Webview中显示，这种模式下，Android、iOS的API一般有一致性，Hybrid App所以有跨平台效果。 开发和发布都很方便，效率也是介于Native App模式和Web App模式之间的，但是需要学习的范围比较广泛，而且需要原生配合。最好的例子：我爱我家App，东方航空App。

React Native App

Facebook发现Hybrid App存在很多缺陷和不足，于是发起开源的一套新的App开发方案React Native。使用JSX语言写原生界面，js通过JSBridge调用原生API渲染UI交互通信。 效率体验非常接近Native App，而且发布和开发成本低于Native App，但是学习需要一定的成本，而且学习文档较少，很容易踩坑。最好的例子：Facebook、Youtube、Discord、QQ、百度等等。

Weex App

阿里巴巴开发团队在React Native的成功案例上，重新设计出的一套开发模式，等于是站在了巨人肩膀上并有淘宝团队项目做养料，广受关注，2016年4月正式开源，并在v2.0版本官方支持Vue.js，与React Native分庭抗礼。

单页开发模式效率非常高，热更新发包体积小，并且跨平台性更强。但是由于是刚刚起步，文档并不全面，而且社区活跃度也没有React Native高，功能尚不健全，暂时不适合完全适用Weex开发App。 当然啦最好的例子肯定是马爸爸旗下的淘宝、天猫、阿里云、优酷、闲鱼、饿了么等等。

深度解析

Native App

Native App是一种基于智能手机本地操作系统如iOS、Android、WP并使用原生程式编写运行的第三方应用程序,也叫本地app。一般使用的开发语言为Java、C++、Objective-C。

自iOS和Android这两个的手机操作系统发布以来，在互联网界从此就多了一个新的名词：App意为运行在智能的移动终端设备第三方应用程序。

Native App因为位于平台层上方，向下访问和兼容的能力会比较好一些，可以支持在线或离线，消息推送或本地资源访问，摄像拨号功能的调取。但是由于设备碎片化，App的开发成本要高很多，维持多个版本的更新升级比较麻烦，用户的安装门槛也比较高。但是比较乐观的是，AppStore培养了一种比较好的用户付费模式，所以在Apple的生态圈里，开发者的盈利模式是一种明朗状态，其他market也在往这条路上靠拢。

优势 1、相比于其它模式，提供最佳的用户体验，最优质的用户界面，最华丽的交互 2、针对不同平台提供不同体验 3、可节省带宽成本，打开速度更快 4、功能最为强大,特别是在与系统交互中,几乎所有功能都能实现

WebApp

说到Web App 很多人会联想到 WAP，或者有人认为，WAP就是WebApp，其实并不是的。

WebApp 与 WAP 最直接的区别就是功能层面。WAP更侧重使用网页技术在移动端做展示，包括文字、媒体文件等。而Web App更侧重“功能”，是使用网页技术实现的App。总的来说，Web App就是运行于网络和标准浏览器上，基于网页技术开发实现特定功能的应用。

响应式的大部分技术都是为实现WebApp能适配多类客户端而设计的。

Web网站一般分两种，MPA(Multi-page Application)和SPA(Single-page Application)。而WebApp一般泛指SPA形式开发出的网站。这样更像是一个App。

优势 1、可以跨平台，调试方便 2、无需安装，不会占用手机内存，而且更新速度最快 3、不存在多版本问题，维护成本低 4、临时入口，可以随意嵌入

Hybird App

混合开发，也就是半原生半Web的开发模式，由原生提供统一的API给JS调用，实际的主要逻辑有Html和JS来完成，最终是放在webview中显示的，所以只需要写一套代码即可达到跨平台效果，另外也可以直接在浏览器中调试，很方便。最重要的是只需要一个前端人员稍微学习下JS api的调用即可。

Hybird App 的较早实践者是PhoneGap，随后遍地开花，如Titanium、Salama、WeX5、Kerkee和国内的AppCan，项目各有各的实现方式，大致的原理基本相同。有幸在AppCan上海总部参与过一段时间的学习研究，如下大致简介：

AppCan是基于HTML5技术的Hybird跨平台移动应用开发工具。开发者利用Html5+Css3+JavaScript技术，通过AppCan IDE集成开发系统、云端打包器等，快速开发出Android、iOS、WP平台上的移动应用。

AppCan的平台构成

在实际的APP开发中，AppCan可以完成大部分的工作量，如图示：

AppCan将App底层复杂的原生功能封装在引擎、插件中，开发者仅需调用接口、打包编译，就可以获得原生功能；灵活的插件扩展机制。

开发者可以像开发WebApp一样开发app的视觉UI，以及绝大部分的交互，当需要使用原生功能（如摄像头，陀螺仪等功能）时，只需要调用官方的API就可以轻松实现Native的效果。至于JS和Native的通信，常用的有URL监听和绝大部分Hybrid厂商使用的JSBridge通信，两者原理相近。

在Hybird概念盛行的时候，国内外各大公司也参与了探索，国外代表有Facebook、google、亚马逊，国内的有腾讯、阿里巴巴、网易等，慢慢的他们发现Hybird严重受限于WebView的解析渲染效率，于是Facebook开始了他的类原生的研究探索。

上述内容中如有不正确的地方，欢迎大家在评论区与我交流探讨。

分享 IT 技术和行业经验，请关注-技术学派。