首页 > 代码库 > 移动开发 Native APP、Hybrid APP和Web APP介绍

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

快速区分定义:

Native App

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

Web APP

        以HTML+JS+CSSWEB技术编程,代码运行在移动端浏览器中,通过该移动端浏览器来调用Device API(取决于HTML5未来的支持能力)的不需要用户安装的应用程序;

Hybrid App

       同时使用网页语言(Web技术)与程序语言(JavaObjective-C)开发,通过应用商店区分移动操作系统分发,需要用户安装使用的移动应用。

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

介绍了解:

Web AppHybrid AppNative App对比


Native App

    Native App 该部分介绍参看【快速区别定义】

 

Web App

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

    目前主流操作系统iOSAndroid以及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很好了弥补了这些劣势,开发商只需了解HTML5CSS3js以及Device API即可完成应用在多终端设备和平台的运行,很好的保证了应用跨平台的一致性,相对于Native App开发成本更低,同时更新维护更容易,用户几乎没有安装成本,也更加自由和开放。但任何新技术总是有利有弊,Web App其自身也会遇到在用户体验、UI效果及调用本地设备和资源的相关问题。

 

Hybrid App

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

View混合型: 

    即Native ViewWeb View独立展示,交替出现。目前常见的Hybrid AppNative ViewWebView交替的场景出现。这种应用混合逻辑相对简单。即在需要的时候,将WebView当成一个独立的ViewActivity)运行起来,在WebView内完成相关的展示操作。这种移动应用主体通常是Native AppWeb技术只是起到补充作用。开发难度和Native App基本相当。 


View混合型: 

    即在同一个View内,同时包括Native ViewWeb View。互相之间是覆盖(层叠)的关系。这种Hybrid App的开发成本较高,开发难度较大,但是体验较好。如百度搜索为代表的单View混合型移动应用,既可以实现充分的灵活性,又能实现较好的用户体验。 

 

Web主体型: 

    即移动应用的主体是Web View,主要以网页语言编写,穿插Native功能的Hybrid App开发类型。这种类型开发的移动应用体验相对而言存在缺陷,但整体开发难度大幅降低,并且基本可以实现跨平台。Web主体型的移动应用用户体验的好坏,主要取决于底层中间件的交互与跨平台的能力。国外的appMobiPhoneGap、国内的AppCanRexsee都属于Web主体型移动应用中间件。其中Rexsee不支持跨平台开发。appMobiPhoneGap除基础的底层能力更多是通过插件(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