Web App或夭折,Hybrid App才是新世界的王

移动开发
基于HTML5的Web App在移动端接受实用性检验后,开发者从热情转为观望。这时候Hybrid App作为现阶段HTML5技术的落脚点正悄然兴起!Native App和Web App的论战加入了一个新的角色Hybrid App。

但究竟什么是Hybrid App ?如何定义?

汽车有混合动力Hybrid ,移动应用同样也有混合模式。Hybrid App (混合模式移动应用)兼具“Native App 良好用户交互体验的优势”和“Web App 跨平台开发的优势”。很多人不知道市场上一些主流移动应用都是基于Hybrid App 的方式开发,比如国外有Facebook 、国内有百度搜索等。但究竟什么是Hybrid App ?如何定义?

Hybrid App :Hybrid App is a mobile application that is coded in both browser-supported language and computer language. They are available through application distribution platforms such as the Apple App Store, Google Play etc. Usually, they are downloaded from the platform to a target device, such as iPhone, Android phone or Windows Phone. The subscribers need to install to run them.

我们来拆解一下里面的含义:

1 、mobile application :Hybrid App 就是一个移动应用

2 、both browser-supported language and computer language :同时使用网页语言与程序语言编写

3 、available through application distribution platforms :通过应用商店进行分发

4 、a target device :区分目标平台

5 、install to run :用户需要安装使用

综合一下就是:“Hybrid App 同时使用网页语言与程序语言开发,通过应用商店区分移动操作系统分发,用户需要安装使用的移动应用”。总体特性更接近Native App 但是和Web App 区别较大。只是因为同时使用了网页语言编码,所以开发成本和难度比Native App 要小很多。因此说,Hybrid App 兼具了Native App 的所有优势,也兼具了Web App 使用HTML5 跨平台开发低成本的优势。

Hyrbid App 为什么会兴起?

Hybrid App 的兴起是现阶段移动互联网产业的一种偶然。移动互联网的热潮刮起后,众多公司前赴后继的进入。但是很快发现移动应用的开发人员太少,所以导致疯狂的人才争夺。市场机制下移动应用开发人才的待遇扶摇直上,最终变成众多企业无法负担养一个具备跨平台开发能力的专业移动应用开发团队。而HTML5 的出现让Web App 露出曙光,HTML5 开发移动应用的跨平台和廉价优势让众多想进入移动互联网领域的公司开始心动。可是当下基于HTML5 的Web App 更是雾里看花,在用户入口习惯、分发渠道和应用体验这三个核心问题没解决之前,Web App 也很难得以爆发。正是在这样是机缘巧合下,基于HTML5 低成本跨平台开发优势又兼具Native App 特质的Hybrid App 技术杀入混战,并且很快吸引了众人的目光。大幅的降低了移动应用的开发成本,可以通过现有应用商店模式发行,在用户桌面形成独立入口等等这些,让Hybrid App 成为解决移动应用开发困境不错的选择,也成为现阶段Web App 的代言人。Hybrid App 像刺客一样,在Native App 和Web App 混战之时,偶然间的在移动应用开发领域占有了一席之地。

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 的体验。

多View 混合型,单View 混合型,Web 主体型优劣势对比

从分析可见,Hybrid App中的Web主体型只要能够解决用户体验差的问题,就可以变成***Hybrid App解决方案类型。

HybridApp的瓶颈与未来

国内外Hybrid App的开发框架众多。如何选择又成为一个难题。下面对开发者比较关心的集中知名跨平台开发移动应用中间件进行列表和对比,以便选择最适合您的移动应用中间件。

PhoneGap是相对比较早进入公众视线的一种选择。但是,开发者简单的基于PhoneGap来开发移动应用肯定会发现结果和Web App比较差的用户体验类似。这也是为什么基于PhoneGap有实用性的移动应用主要集中在iOS上。可是PhoneGap这种现状弱化了HTML5的跨平台价值。

AppCan在技术架构上和PhoneGap类似是Web主体型中间件,但是通过结合了一些原生交互效果能够达到iOS、Android平台都比较一致的用户体验。但是相比PhoneGap的开源,AppCan相对封闭的路线显得过于谨慎。

Titanium是一种基于翻译机制的跨平台中间件,能够开发出具有Native体验的移动应用,但是因为翻译机制的限制导致移动应用开发不能像真正的HTML5开发一样灵活。哪怕一个按钮也不能像普通HTML一样来编写,而必须按照Titanium约定的特定格式。

Hybrid App这个领域虽然还处于比较初期的阶段,但是已经有很多优秀的公司和技术团队在致力于跨平台开发移动应用中间件技术的研究,给了开发者众多选择。开发者可以根据实际的项目需求来选择中间件。Web App虽被浏览器厂商和搜索引擎公司所推崇,但存在用户体验差、盈利模式不明确等现阶段无法解决的问题,或最终夭折。Hybrid App正在被越来越多的公司和开发者所认同,势必会成为新世界的王。

 

责任编辑:佚名 来源: 51cto.com
相关推荐

2014-12-18 13:40:16

Web AppHybrid AppNative App

2013-09-04 15:07:06

移动应用设计

2015-10-19 11:28:49

WebAPP未来

2014-05-21 15:13:40

AppCanHybrid

2014-11-28 10:31:07

Hybrid APP

2015-05-11 14:50:26

APP

2014-06-19 10:26:15

Mobile AppWeb App

2014-12-17 10:29:59

混合应用Hybrid App开发实战

2012-06-05 09:06:52

HTML5Native AppHybrid App

2011-12-31 09:31:57

Web

2011-12-31 11:22:50

Web新世界

2013-03-19 09:08:42

Hybrid App

2014-12-17 11:09:39

Hybrid AppWebView装载页面

2013-12-16 15:07:59

NativeHybrid开发移动

2012-05-28 14:13:26

HTML5Web AppNative App

2012-10-25 13:41:00

大数据微软云计算

2014-12-17 10:43:01

Hybrid App平台开发

2014-03-24 11:17:53

Hybrid App混合应用

2011-04-12 16:02:09

Web AppNative AppWeb
点赞
收藏

51CTO技术栈公众号