移动开发 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开发成本更低，同时更新维护更容易，用户几乎没有安装成本，也更加自由和开放。但任何新技术总是有利有弊，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