整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

HTML5和原生APP优缺点大对比,世界究竟是谁的?

两年来,HTML5的发展势头确实很猛,甚至都出现了很多言论说:HTML5终将取代原生app,app终将消亡的言论。其实对此来说:小编不能够太认同。HTML5确实有着很多的优点,但是原生APP的开发也有着自己的优势。现在我们来对比一下HTML5和原生APP开发的优缺点。

1、在跨平台上,HTML5胜出。

HTML5采用网络通用语言,不用考虑终端设备或者操作系统的不同。目前,W3C(万维网联盟World Wide Web Consortium,简称W3C)正在与汽车业、出版业、电视业进行讨论,将web引入新的设备平台中。随着平台逐渐丰富,这方面的成本问题将会日益凸显。

2、在用户体验和表现上原生APP开发胜出。

在用户体验和表现这个方面,HTML5仍然面临着不同移动终端设备本地浏览器的功能接入问题,同时在提供用户展示图形界面和数据展现的丰富性方面还有不足,继续得到提高。

3、在开发速度和成本方面,HTML5胜出。

HTML5的开发确实比原生开发更节省时间和人力,开发周期相对较短,人力投入也比较少,毕竟HTML5有着跨平台带来的无可比拟的好处。不需要投入两个团队或者更多的人去开发。

4、在版本控制和BUG修复方面,HTML5胜出。

HTML5是web网页端的内容,如果出现BUG可以不用迭代版本,只需在后台修改即可修复bug,这是原生APP开发所不能做到的。

5、在变现能力方面,原生APP开发胜出。

原生应用的分发平台,如App Store和Google Play,目前是获得收入的较为成熟的商业模式;而HTML5应用,除了付费下载以外,还没有形成其他成熟的商业模式。

6、对于碎片化挑战而言,HTML5胜出。

尽管二者同样面临着严重的碎片化问题,不过HTML5先天具备的跨平台特性,可以在这方面占据先机。

虽然通过对比,原生APP开发略站弱势,但是原生APP的优势确实有的是不能被HTML5所代替的。或许将来的某一天HTML5的发展会很好,能力,技术已达到一个好的地步,能够替代原生APP的的先天优势,那你为什么不会去想象原生APP的开发也是一直在进步的呢?当然这仅是小编个人观点,时代在变化,尤其是在这移动互联网时代更是这样。

但是就目前状况来说,最好的开发模式是两种技术混合使用。比如同时在一个app中,使用原生的框架加载html5的内容之类的。要用变化的眼光看世界,世界上没有什么时候是绝对的。其实原生APP和HTML5决胜的关键就是:谁能打破分配、货币化、平台制约、网络影响力、功能性的瓶颈,谁就赢了。

更多内容和资讯或者问题,更多干货分享,尽在我的个人微信公众号,微信名:非著名程序员,微信号:smart_android(←长按复制)。个人微信号:loonggg微博:涩郎

IT时报 孙妍

1999年,他用HTML5写了一个棋牌类游戏平台,令他3个月内赚了300万。之后,他又开发了国内三大休闲游戏平台之一的可乐吧,他就是Layabox的CEO谢成鸿。Layabox是一家为Flash程序员开发HTML5提供技术解决方案的公司,简单地说,借助Layabox的解决方案,程序员可以直接在Flash环境下开发大型的重度HTML5游戏。

2010年,赵霏开始第二次创业——磊友科技,从手游行业转向HTML5,就是因为乔布斯的一句话:“移动时代是低功耗设备、触摸屏界和开放网络标准的时代,Flash已经落伍。”在苹果、Facebook等科技巨头们纷纷加入HTML5行业之时,赵霏和他的团队开始着力开发HTML5的解析引擎和手机浏览器,同时也被李开复相中,成为创新工场孵化的第一个HTML5项目。

然而,到了2012年,HTML5从技术支持到产品都不见成效,自身的标准制定也分成了两派,Facebook创始人马克·扎克伯格更公开宣布放弃HTML5。这一年,赵霏和他的团队把重心都放在了开发大型手机HTML5网页游戏上。

2013年,磊友科技陆续推出的5款HTML5游戏都没有获得成功,团队不断有人出走,一直笼罩在“散伙”的阴影下。有的转去做代计费的,有的转去做iOS和Android开发,有的甚至离开了这个行业。几近凋蔽,团队只剩下了两三个“元老”,但是赵霏仍旧没有放弃HTML5。

HTML5就这样一直在冰火两重天里游走,谁也没有想到,就在2014年8月,一个HTML5的小游戏《围住神经猫》在微信朋友圈一夜爆红,而南京泥巴怪公司其实只是为了拉点用户,花了一天功夫就将它做了出来。自此以后,HTML5的“卡片”广告、邀请函、互动游戏在朋友圈里盛传,不管是营销公司、游戏公司还是风投,都跟风研究起HTML5。

风口大型游戏借HTML5颠覆App?

近期,几家游戏引擎公司、数据公司和分发平台都纷纷发声,预测HTML5游戏将在今年爆发。然而就轻量的HTML5游戏来说,继《围住神经猫》之后,就没有再出现有一定影响力的游戏。而且,《围住神经猫》一直为人诟病的就是,生命周期短,没法将流量变现,而这两点恰恰是游戏的命脉。

在谢成鸿看来,HTML5游戏的前景在于大型游戏。

但问题就来了,大型的HTML5游戏需要有高性能的浏览器适配,如若不然,卡顿、发热就会成为硬伤,目前看来还没有浏览器可以顺畅地跑大型游戏。于是,就衍生出了做HTML5加速器的公司,Cocos、白鹭引擎和谢成鸿的Layabox俨然成三足鼎立之势。

“Cocos和我们主要针对较大的游戏开发者,白鹭引擎主要面向小开发者,在HTML5游戏潜在客户里,我们已经占有一半左右。”谢成鸿说道。据悉,国内20家主流页游厂商中,已经有三分之一与Layabox合作。

“大型HTML5游戏在普通浏览器上跑不动,这是最大的问题。”他说。于是,Layabox就做出了一套针对HTML5生态链的整体解决方案。

目前,Layabox有三个主要业务方向,在开发者端,基于Flash的开发环境较为成熟,所以Layabox为开发者提供在Flash环境下开发大型HTML5游戏的解决方案,夸张一点的理解就是一键转换;在浏览器适配问题上,Layabox开发了自家的加速器,可以让微信这样的流量平台也可以跑得动大型页游。

几年前,赵霏和他的团队也都认为,PC上既然经历了从端游到页游的趋势,说明用户有使用场景上的需求,那么在移动设备上,应该也会有从App向HTML5转移的倾向。在解决卡顿和发热的前提下,毕竟HTML5游戏不用下载安装,比起App更加方便,而且营销成本将近比App要低10倍。

难道HTML5真的能颠覆App?经过几年的试水,赵霏开始不看好大型HTML5游戏在移动端的前景。因为他发现,用户在手机上玩大型游戏时,还是会倾向于App。“用户体验的时间和场景都是不对的,举个简单的例子,当你想再玩一次HTML5网页游戏时,会发现很难找到入口,但App至少在桌面上有个图标。”他对《IT时报》记者说道。

模式流向变现还得傍上O2O

在海底捞,最壮观的场景就是排队等食,虽然已经使出了免费美甲、免费擦鞋等招数,但仍旧没有缓解食客因为排队而流失的情况。

这倒是激发了赵霏的灵感,于是磊友科技就为海底捞设计了一个HTML5的游戏营销方案。食客在排队时,可以通过扫描二维码玩一个小游戏,如果能荣登排行榜,就可以领取海底捞的代金券。

今年1月份,这个HTML5游戏上线,在北京10家海底捞分店进行试玩,结果显示,20%~30%的食客愿意参与进来,达到了30万人次的访问。

从海底捞的成功案例开始,宝洁、可口可乐、旺旺等公司都踏进了赵霏的门槛,目前已有将近100家企业让他们定制游戏。一般这些小游戏都会被植入商家的微信公众号内,玩游戏并分享至朋友圈来赢取代金券,又是用积分抽奖等方式帮电信运营商消耗积分。

那么,怎么解决用户留存的问题呢?“HTML5的游戏营销最重要的是考虑使用场景,比起横幅、弹窗等互动性不强的移动营销模式,效果更好。”赵霏说。

一般来说,在外面消费时,HTML5就显示出了不用下载安装的优势。到酒店先连Wi-Fi是一个常见的使用场景,客人可以直接扫二维码自动关注酒店微信号,同时取得连接Wi-Fi的权限,然后就能点开公众号里的菜单,玩游戏赢取附近餐厅的代金券。

赵霏认为,HTML5小游戏如何能使流量变现,开发团队应该换个思路,“之前我们做大型HTML5游戏时,考虑的是怎么从用户那赚钱,通关、买装备等。现在从2C到2B,考虑的是怎么让企业买单。社交性比较强,能使线上线下联动的游戏更有市场。”

结合了HTML5和O2O两个热点之后,对赵霏来说,上门找融资已经不是一件难事了。他透露,今年六七月份,磊友科技就有B轮融资的计划。

缺口工具和人才

赵霏曾谈道:“研发完全自主内核的浏览器引擎的难度不亚于一个操作系统。”最后,由于很难追赶苹果Safari浏览器迭代速度等壁垒,他和团队就放弃了HTML5浏览器引擎的商用,现在只用于团队内部开发。

谢成鸿略带自信地谈道,“HTML5开发最大的问题就是工具的缺乏,因为它没有像Flash一样,有可控的开发语言,有成熟的开发环境。我们做Flash转HTML5的解决方案就是想解决这些问题。”

HTML5缺乏成熟开发环境的表现之一,就是开发人才的缺失。上个月,招聘网站拉勾网发布报告显示,HTML5开发成为了“职位多,人才少”的热门岗位。就目前招聘的开发者市场水平来看,拥有1年左右工作经验的HTML5程序员,月薪基本在2~3万,然而,拥有4到5年工作经验的AS程序员(基于Flash开发),月薪却只有1.5万。

“前盛大游戏CEO凌海的团队,从去年到现在,竟然招不到一个专精于HTML5的程序员。这些天,他团队的程序员就在我们这儿学习HTML5开发技术。”谢成鸿说道。

我还在南方小岛上玩儿的时候,一个朋友给我发了条语音信息(早上发的,我晚上才听,我让你发语音)大概是说,能不能帮忙联系一个会 HTML5 的团队,领导要求做一个 HTML5 的活动页面。

看来 HTML5 的浪潮又要让我们的广告客户浑身湿透了。他们想要华丽的页面,想要让用户觉得他们很酷。事实上,即使他们只做了一张很廉价的“活动邀请函”页面,用户也觉得好棒好厉害。真相是,大部分用户并不知道其中的奥秘。

HTML5是针对超文本语言HTML的第五次修订。具体HTML是什么?我们先笼统地认为它是一种用来创建网页的手段就好。不过你不是科技从业者,也不是什么都要懂一点的极客。你会想:什么html、Input type=date、js线程、socket、标准扩展embed、css3……这些都是什么鬼我根本不想知道快扔走!

这一切并不在你学习的范围内。你只关心这样一个问题:它会为你的生活带来怎样的变化?

❶ 你手机里的原生APP会变少。

原生APP,就是你到应用商店里选一个应用、等待下载、确认权限、等待安装,然后点击打开的那种移动应用,它专门针对某一类移动操作系统生成,必须被完整安装到手机里。而有一种“假”APP,它们打开后基本利用手机中的浏览器来运行,而且不需要下载后安装,就能立即在手机界面中生成一个APP图标——HTML5就是生产这种“假”APP的利器。比如你玩《神经猫》就不需要下载一个APP,而这个游戏正是用HTML5网页实现的。

❷ 你那个当程序员的男朋友(如果你有)就可以早点下班回家了。

HTML5是唯一一个通吃PC、Mac、iPhone、iPad、Android、Windows Phone等主流平台的跨平台语言。因为这种跨平台的便利,程序员们只需要为之开发一种类别的产品——说白了就是一个万能的网页。他再也不需要做一款只能在苹果手机上运行的APP后,再做一款也可以在三星、小米上使用的APP。

❸ 你的手机里没有Flash了。

如果需要一个能够集中展示视频、音频等各种媒体形式的插件,那就是Flash。这个部署在亿万浏览器里的商业插件俨然成为事实上的网页标准。但是,HTML5把这个标准打破了,这些媒体形式不再需要Flash这一插件就能分布在网页当中。HTML5可以让我们不借助第三方插件实现多媒体。

❹ 正因为你的系统需要运行的第三方插件变少,浏览器占用的系统资源相对也会变少,有可能你会发现自己的手机电量变得更持久了。

❺ 当你使用定位服务的时候,不用点“搜索”了,直接点“附近”。

这是因为HTML5更好地实现了基于地理位置的功能,在从前那些使用旧语言编辑的网页上,LBS(基于位置的服务)没有获得很好的支持,所以你需要在网页上依次选择全国、北京、朝阳区、大望路……

❻ 网页更美观。

对网页设计师来说,HTML5重新定义了很多设计标准,这使得他们在工作的时候遵循着更加科学的方法,再加上HTML5可以让我们不借助第三方插件实现多媒体,网页设计师得以发挥他们的创造力,你会看到更加酷炫的网页界面。

视觉,这是最重要的。对用户来说,没有什么比直接的体验更能说明某种技术为世界带来的改变。现在我用几个腾讯新闻的手机页面来举例,和你在微信朋友圈看到的那些蹩脚的邀请函、抽奖页面相比,这些页面尝试用一种更有意思、更流畅的方式来讲述事件。

APEC期间推出的《服装秀》,截取的三个界面。在这个应用中,新闻相关的人物将会变成试衣模特。例如你可以选择奥巴马当你的模特,然后给他换上各种服装。

上图《再见2元的风景》是针对北京地铁票价调整制作的新闻专题页。这个流传甚广的煽情专题,也是一个HTML5页面,它提供了一种流畅的图片浏览方式。

HTML5 同样为网页提供了更多交互的可能,比如你可以在同一个页面中完成一个网页调查,然后直接分享给你的朋友圈好友。

总之,HTML5 可以更有效地组织互联网中的信息,并让视频、音频等服务得到更好的支持;并在减轻开发者的负担的同时,让用户在不同的平台上有更一致的体验。

没有炫耀的意思,这些内容出于个人对HTML5的好奇,导致我多看了一些材料,并且咨询了行业的专家。大致上,我能保证这些内容都是可信的,对普通人而言,这些已经足够:甲方或者乙方们再也不会轻易骗走你的巨额预算。

“你知道那你说啊。”

乌云装扮者包含了世界、黑色趣味和明亮内心

微信号及新浪微博@DACLODS