首页 > 代码库 > 移动开发 Native APP、Hybrid APP和Web APP介绍
移动开发 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