阅读更多

2顶
12踩

互联网

转载新闻 Web App 被看衰,Hybrid App 才是新王道

2012-06-29 11:45 by 副主编 MnouW 评论(12) 有37475人浏览
基于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.

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

  • mobile application:Hybrid App就是一个移动应用
  • both browser-supported language and computer language:同时使用网页语言与程序语言编写
  • available through application distribution platforms:通过应用商店进行分发
  • a target device:区分目标平台
  • 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解决方案类型。

Hybrid App的瓶颈与未来

国内外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正在被越来越多的公司和开发者所认同,势必会成为新世界的王。
  • 大小: 19.5 KB
  • 大小: 198.8 KB
来自: 雷锋网
2
12
评论 共 12 条 请登录后发表评论
12 楼 咖啡舞者 2013-03-26 15:19
有点无语。
11 楼 zy95804667 2012-08-27 16:15
绝对是正义无限的软文,appCan你在开发Hybrid App方面完全用的phonegap,结果你说phonegap与底层的交互能力不如你!!太假了!再说appcan怎么能和phonegap放在一起比较?这水平,放上来误人子弟
10 楼 hbcui1984 2012-07-12 11:44
明显是正益无线(AppCan)的软文
9 楼 kimmking 2012-07-01 18:53
对phonegap的贬低和appcan的刻意抬高。。。

怎么审核通过的?
8 楼 ximenchuifeng 2012-06-29 17:07
广告贴~ 鉴定完毕~
7 楼 x521 2012-06-29 15:21
webeasymail 写道
这篇怎么看怎么像软文

我看就是软文
6 楼 oma1989 2012-06-29 14:48
code_monkey 写道
我只看衰,没能力的人,不是看衰,任何技术!

5 楼 oma1989 2012-06-29 14:47
lengyun3566 写道
貌似作者是AppCan的员工

4 楼 ad6543210 2012-06-29 14:33
很多的公司是不開發app,直接在app裡面連到網頁而已
難道這種也算混合式嗎,呵呵
3 楼 code_monkey 2012-06-29 14:05
我只看衰,没能力的人,不是看衰,任何技术!
2 楼 lengyun3566 2012-06-29 13:58
貌似作者是AppCan的员工
1 楼 webeasymail 2012-06-29 13:46
这篇怎么看怎么像软文

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • 【收藏】Web App 被看衰,Hybrid App 才是新王道

    2012移动开发调查显示HybridApp开发占据一半以上:...Web App 被看衰,Hybrid App 才是新王道:http://www.iteye.com/news/25442 HTML5、Native或Hybrid App开发全接触:http://www.e800.com.cn/a...

  • Hybrid APP的离线存储总结

    背景:HTML5的出现,新增了很多功能,比如WebSQL、页面缓存等。这对于离线访问页面以及将部分数据存储到本地,提供了很大的便利。 目的:实现离线打开表单,填写后暂存本地,联网后同步到服务器。并且实现Android、...

  • 极致的 Hybrid 混合式开发(去啊App Hybrid 实战)

      该文章来自于阿里巴巴技术协会(ATA)精选文章。 ...今天 去啊 App 5.1.1 已经发布了,航旅 Hybrid 混合架构有了更进一步的落地,这轮优化目标是搞定H5真正的“无缝秒出”。 先来看效果...

  • 58移动开发 App 工厂

    导语:App工厂,顾名思义,是一个能根据各种素材和组织形式生成App的工厂。更专业一点的描述,是根据一个具有完备组件库以及这些组件的依赖关系,组合成一个个App。 以往的单App研发架构,由于每次打包编译、版本...

  • 手机应用开发的原生app,WEBAPP,混合app的认识

    每当你打算开发移动应用程序时,都要考虑你的应用如何创建以及如何部署。...原生App是专门针对某一类移动设备而生的,它们都是被直接安装到设备里,而用户一般也是通过网络商店或者卖场来获取例如TheA...

  • 通过页面调用APP【H5与APP互通】

    现在H5和App原生的内容原来越互通,所涉及的业务也越来越复杂和融合,所以如何互相之间方便的调用才是王道。 场景1  比如用hybrid获取地理位置和短信信息,这当然需要框架封装好,比如利用框架的bridge.js(下...

  • 天哪,我只是想吃顿红烧肉啊

    这种开发方式与开发Web App无异,目前多数hybrid App都是用这种方式开发的。另一方面,性能方面由于HTML5技术的发展,结合CSS3的话,性能上也有了明显的提升。这里你可能会说,Web App在安卓版微信上非常容易卡顿呀...

  • WEB前端超多知识总结

    作者:文杰 ...来源:知乎 著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。...资料很多,就看你能不能耐下心坚持去学了,要多学多敲多想,祝你进步~ 学习之前首先要大概了解什么是HTML ,CSS ,

  • 轻松看透WeX5产品能力和技术

     开发手机app,模拟调试是关键能力,对开发者极端重要,而这也是业界现有hybrid app开发工具的软肋。WeX5对hybrid app开发提供了业界最强大的调试支持,表现真正完美。 提供全能力、一站集成的模拟调试支持。开发...

  • web前端知识总结

    前言:一直想着整理一下关于前端的知识体系和资料,工作忙了些,挤挤总会有的,资料很多,就看你能不能耐下心坚持去学了,要多学多敲多想,祝你进步~学习之前首先要大概了解什么是HTML ,CSS , JS:一句话概括:HTML ...

  • Web前端开发思考CSS篇:CSS预处理器时代 (一)

    面对Web前端开发三驾马车之一的样式表语言和层叠式样式表(CSS),你是否受够了她的“娇柔做作”:开发起来没完没了、运行起来担惊受怕、维护起来臃肿不堪。不管你承不承认,在团队研发过程中,CSS的开发和维护已经成...

  • WEB前端知识总结

    前言: 一直想着整理一下关于前端的知识体系和资料,工作忙了些,挤挤总会有的, 资料很多,就看你能不能耐下心坚持去学了,要多学多敲多想,祝你进步~ 学习之前首先要大概了解什么是HTML ,CSS , JS: 一句话概括:...

  • 欢迎使用CSDN-markdown编辑器

    Web App 被看衰,Hybrid App 才是新王道 Sencha Touch or jQuery Mobile? – Read This Before You Make a Decision 几种常用HTML5移动应用框架的比较 5个jQuery的备选轻量级移动客户端开发(Mobile ...

  • 转:浅谈移动前端的最佳实践

    spa(single page application)也就是我们常常说的web应用程序webapp,被认为是业内的发展趋势,主要有两个优点: ① 用户体验好 ② 可以更好的降低服务器压力 但是单页有几个致命的缺点: ① SEO支持...

  • java计算器源码.zip

    java毕业设计源码,可供参考

  • FRP Manager-V1.19.2

    Windows下的FRP图形化客户端,对应FRP版本0.61.1,需要64位操作系统

  • 基于优化EKF的PMSM无位置传感器矢量控制研究_崔鹏龙.pdf

    基于优化EKF的PMSM无位置传感器矢量控制研究_崔鹏龙.pdf

  • 旧物置换网站(基于springboot,mysql,java).zip

    旧物置换网站的开发过程中,采用B / S架构,主要使用Java技术进行开发,结合最新流行的springboot框架。中间件服务器是Tomcat服务器,使用Mysql数据库和Eclipse开发 环境。该旧物置换网站包括管理员、用户、卖家。其主要功能包括管理员:首页、个人中心、用户管理、卖家管理、旧物类型管理、旧物信息管理、置换交易管理、系统管理等,卖家后台:首页、个人中心、旧物类型管理、旧物信息管理、置换交易管理。前台首页;首页、旧物信息、网站公告、个人中心、后台管理等,用户后台:首页、个人中心、旧物信息管理、置换交易管理、用户可根据关键字进行信息的查找自己心仪的信息等。 (1)用户功能需求 用户进入前台系统可以查看首页、旧物信息、网站公告、个人中心、后台管理等操作。前台首页用例如图3-1所示。 (2)管理员功能需求 管理员登陆后,主要功能模块包括首页、个人中心、用户管理、卖家管理、旧物类型管理、旧物信息管理、置换交易管理、系统管理等功能。 关键词:旧物置换网站,Mysql数据库,Java技术 springboot框架

  • 上位机开发,对桥梁、环境等传感器传输的数据进行采集并入库,以便用于系统平台对数据进行处理分析(毕设&课设&实训&大作业&竞赛&项目)

    项目工程资源经过严格测试运行并且功能上ok,可实现复现复刻,拿到资料包后可实现复现出一样的项目,本人系统开发经验充足(全栈全领域),有任何使用问题欢迎随时与我联系,我会抽时间努力为您解惑,提供帮助 【资源内容】:包含源码+工程文件+说明(如有)等。答辩评审平均分达到96分,放心下载使用!可实现复现;设计报告也可借鉴此项目;该资源内项目代码都经过测试运行;功能ok 【项目价值】:可用在相关项目设计中,皆可应用在项目、毕业设计、课程设计、期末/期中/大作业、工程实训、大创等学科竞赛比赛、初期项目立项、学习/练手等方面,可借鉴此优质项目实现复刻,设计报告也可借鉴此项目,也可基于此项目来扩展开发出更多功能 【提供帮助】:有任何使用上的问题欢迎随时与我联系,抽时间努力解答解惑,提供帮助 【附带帮助】:若还需要相关开发工具、学习资料等,我会提供帮助,提供资料,鼓励学习进步 下载后请首先打开说明文件(如有);整理时不同项目所包含资源内容不同;项目工程可实现复现复刻,如果基础还行,也可在此程序基础上进行修改,以实现其它功能。供开源学习/技术交流/学习参考,勿用于商业用途。质量优质,放心下载使用

Global site tag (gtag.js) - Google Analytics