移动开发 Native APP、Hybrid APP和Web APP介绍

高速区分定义：

Native App

以基于智能手机本地操作系统如IOS、Android、WP并使用原生程式(SDK)编写执行的须要用户安装使用的第三方应用程序;

Web APP

以HTML+JS+CSS等WEB技术编程，代码执行在移动端浏览器中，通过该移动端浏览器来调用Device API（取决于HTML5未来的支持能力）的不须要用户安装的应用程序；

Hybrid App

同一时候使用网页语言(Web技术)与程序语言(Java、Objective-C等)开发，通过应用商店区分移动操作系统分发，须要用户安装使用的移动应用。

【转载使用，请注明出处：http://blog.csdn.net/mahoking/article/details/30235243】

介绍了解：

Web App、Hybrid App、Native App对照

Native App

Native App 该部分介绍參看【高速差别定义】

Web App

Web App 是基于HTML5标准开发的，Web App的出现得益于各大浏览器厂商对HTML5标准的支持。

眼下主流操作系统iOS、Android以及Windows Phone的浏览器都对于html5大部分特性的支持也更加突显HTML5在未来移动设备端的地位。众所周知，HTML5不只给我们带来了很多其它语义化的标签，还有canvas画图、音频视频、本地存储、离线应用、地理位置定位等新特性。

【注】该部分具体信息參阅http://www.w3school.com.cn/html5/

Native App的优势：

1、优秀的用户体验和华丽的交互操作，可以针对不同平台提供不同用户体验；

2、可不受网络速度限制，节省带宽成本；

3、可訪问本地硬件设备和资源；

4、盈利模式明朗。

Native App的劣势：

1、不同平台之间的移植麻烦；

2、维持多个版本号的成本比較高；

3、须要通过第三方审核；

4、盈利须要与第三方分成。

针对Native App的不足，Web App非常好了弥补了这些劣势，开发商仅仅需了解HTML5、CSS3、js以及Device API就可以完毕应用在多终端设备和平台的执行，非常好的保证了应用跨平台的一致性，相对于Native App开发成本更低，同一时候更新维护更easy，用户差点儿没有安装成本，也更加自由和开放。但不论什么新技术总是有利有弊，Web App其自身也会遇到在用户体验、UI效果及调用本地设备和资源的相关问题。

Hybrid App

Hybrid App通常分为三种类型：多View混合型，单View混合型，Web主体型。

多View混合型：

即Native View和Web View独立展示，交替出现。眼下常见的Hybrid App是Native View与WebView交替的场景出现。这样的应用混合逻辑相对简单。即在须要的时候，将WebView当成一个独立的View（Activity）执行起来，在WebView内完毕相关的展示操作。这样的移动应用主体一般是Native App，Web技术仅仅是起到补充作用。开发难度和Native App基本相当。

单View混合型：

即在同一个View内，同一时候包含Native View和Web View。互相之间是覆盖（层叠）的关系。这样的Hybrid App的开发成本较高，开发难度较大，可是体验较好。如百度搜索为代表的单View混合型移动应用，既能够实现充分的灵活性，又能实现较好的用户体验。

Web主体型：

即移动应用的主体是Web View，主要以网页语言编写，穿插Native功能的Hybrid App开发类型。这样的类型开发的移动应用体验相对而言存在缺陷，但总体开发难度大幅减少，而且基本能够实现跨平台。Web主体型的移动应用用户体验的好坏，主要取决于底层中间件的交互与跨平台的能力。国外的appMobi、PhoneGap、国内的AppCan和Rexsee都属于Web主体型移动应用中间件。当中Rexsee不支持跨平台开发。appMobi和PhoneGap除基础的底层能力很多其它是通过插件（Plugins）扩展的机制实现Hybrid。而AppCan除了插件机制，还提供了大量的单View混合型的接口来完好和弥补Web主体型Hybrid App体验差的问题，接近Native App的体验。[红色部分的有争议，待完好。]

【摘自】http://www.iteye.com/news/25442 很多其它信息请查看此页。

【转载使用，请注明出处：http://blog.csdn.net/mahoking/article/details/30235243】

參考文献：

1、http://www.w3school.com.cn/html5/

2、http://www.iteye.com/news/25442