H5还能怎么玩?—流应用的介绍

流应用?这是轻应用换个概念炒冷饭吗?

当然不是,点击秒开后并不是在线打开一个网页,仍然是安装一个客户端App,仍然如原生App般强大和流畅。只不过这个客户端App是JS代码,并像流媒体一样流式发行、边用边下,实现了5秒内完成客户端App的下载、安装、启动。App二次使用仍然在桌面点图标启动,应用使用体验也与传统原生App没有区别。

对于用户而言,使用App的功能体验与之前的原生方式并没有区别,但是获取App却秒开了。

读者肯定会问,怎么实现的?

这个新概念包括的新技术有点多,本文不负责科普所有实现过程。大概讲讲HTML5为何能达到原生的功能和体验。

流应用使用了一种强化的JS引擎(HTML5+),这种引擎能让JS调用操作系统的40万API,并将之前HTML5体验不佳的交互都改进为原生体验。

不同于React Native的反HTML5方案,HTML5+采取的方案是强化HTML5。

HTML5+兼容HTML5,并扩充40万原生API。对于DOM和CSS3动画效果不佳的部分场景,使用原生动画补足,比如窗体切换、下拉刷新的动态交互效果,不采用CSS3动画,而是通过JS调用了原生view动画。

相比React Native,强化HTML5的方案对开发商更友好,开发商只需把现有的HTML5版本做简单强化改造即可,而不是重新写一套No DOM的代码。

HTML5定稿后一年的业内大事基本整理完毕,接下来我想深入分析流应用这个里程碑产品会给产业带来什么变化。

HTML5出现这几年,在PC上已经广为应用,但在手机上,始终是备胎。

流应用的出现颠覆了大众对HTML5 的认知。

流应用

以往提到HTML5,大多数人都会认为HTML5有5个问题:

HTML5的性能不行,不如原生;HTML5的api不够,很多功能实现不了;HTML5没法离线运行,断网就不能用了,即使有离线缓存,三方软件清理垃圾后也不能用了;HTML5只能在浏览器里用,没法直接在桌面启动;通过HTML5强化引擎(如PhoneGap/Cordova)开发跨平台App,那是小公司为了省钱做的事,大公司还是要用原生。

现在,这五个常规认知被终结了。

好吧,听起来大家真的需要重新认识HTML5了。

基于强化引擎运行的HTML5,功能、性能、离线运行、桌面启动,均和原生一样了(至少用户感觉不到差别)。

以大众点评外卖流应用为例,它的窗体切换pop-in动画、流畅的下拉刷新,均是原生标准。

当HTML5这五个问题被消除后,这个世界就变了,但还变的不够,因为其实HTML5还有很多强于原生的地方可以发掘。

HTML5有5个原生也比不了的优势:

跨平台

快速迭代

源生态发达

更容易推广天生开放,非孤岛,

可方便互联

这五个技术优势,都如何应用呢?

HTML5的跨平台,不是常规意义上的跨Android和iOS平台。对于很多应用开发商而言,原来至少有3拨团队,分别负责Android、iOS、微信公众号的开发。

能不能一套代码,跨多个平台,且在各个平台都有最佳体验呢?

答案是可以的。挑食火锅是一个O2O创业公司,他们只有一套HTML5代码,通过MUI框架和条件编译技术,编译出了六个平台的版本,iOS的ipa包、Android的apk包、HTML5浏览器版、微信公众号版、百度直达号版,以及流应用版。

对于缺钱少人的创业公司,这是极具诱惑力的解决方案。

可能有人觉得,对于不差钱的大公司而言,HTML5的跨平台优势不够明显。那么往下看。

任何大App厂商,都在追求快速迭代、热更新、A/B测试,在这些领域,使用HTML5都比原生要方便的多。

这益处仍不够多?再看HTML5的第四个优势:更容易推广。

用户获取应用,一般通过应用商店或扫码下载。

应用商店里点下载原生App,从下载到App真正启动,折损50%,也就是100次下载只有50个App启动激活。

而二维码扫描,折损高达90%!很少有人在没WIFI的时候下载十几M的原生包。

这些不合理,以往似乎被人忽视了,但这些不合理终将被解决。

不管是50%还是90%的折损,通过流应用都可以避免。

除了降低折损,流应用还有一个推广方面的特点,就是可以充分利用社交网络推广。

用户分享一个流应用,就像分享一个消息,可以进朋友圈,也可以短信、微博分享。别人点击就可以获得这个流应用。

在原生应用体系里,这是不可想象的。以前我们怎么分享App?我说:Hi,这个App不错,推荐给你;你说:OK,回头有WIFI时我去应用商店下一个。这种土鳖场景想想就够了,未来终于可以美好一些了。

然后再看HTML5的第五个优势:天生开放非孤岛,可方便互联。

这会带来什么场景变化?

有3个很好玩的应用模式:广告直通车、扫码直通车、分享直通车,这给App打开了一个通过内容带动应用发行的新途径。

分享直通车:如果你的朋友在朋友圈里分享了一个好吃的饭馆,你点击后立即秒开流应用并自动进入该饭馆,继续点外卖、或团券,这是多么方便的体验!这个看似未来的东西已经实现。在360手机助手里搜索“大众点评外卖”,在里面分享一个饭馆,就是这个效果。扫码直通车:公交站牌或电梯广告经常有电商特价购物,如果此时放一个扫码购,用户扫描后只需几百k流量秒开了流应用,并且直接进入特价购物界面买单。广告直通车:我们经常在应用市场看到广告banner图,显示某知名电影票特价10元一张,点击该广告图后提示下载某电影票购票App。大多数用户会在这里折损掉。而广告直通车,则可以点击广告图后,直接秒开流应用并进入到这个电影的购票界面。

内容拉动发行,这扇窗打开,相信很多有创意的运营人员,可以玩出各种花样来吸引用户。

刚才说了HTML5对开发者而言,有5个原生也比不了的优势。但对于最终用户而言,HTML5是一个陌生的技术名词,开发商跨平台开发了,成本下降了,可最终用户没有直观感受。他们如何感受HTML5的好处?

流应用给普通手机用户带来了5个好处:

省时间:获取流应用是秒开,边用边下;省流量:流应用的体积一般都是几百K,比原生App小10倍,而更新包体积都是几k,没有门槛的轻易获取新服务,也不会看到那么多更新角标头疼;省空间:手机有空间,不如拍照片。把iphone6换成6s的唯一原因是你之前的iphone6是16g的(有没有戳中你?);省电、不卡:如果Android手机装上100个传统原生应用,那这手机基本就废了,会变的很卡很费电。而流应用,装上1000个也不会让手机变卡变费电;场景串联:

出差订了机票后,就可以去航空公司App值机,然后去打车App里订去机场的出租车,然后去天气App里看当地天气……你不需要反复切回主屏启动不同的App,并输入明明上一个App里已经记录的查询条件。

之所以说流应用是HTML5产业的里程碑事件,是因为从此后我们可以重新审视HTML5 vs Native之争:

HTML5的5个缺点被解决了;HTML5对开发商有5个原生比不了的优势;HTML5对用户有5个原生比不了的优势。

我们先不争论原生是否会消失,但在2015年,HTML5产业确实取得了突破性进展。

我们不再是只能干巴巴的说:“手机硬件、网络都在提升,HTML5是趋势”这种年年都在说的“真理”了。

一些产品真正解决了HTML5的缺陷,并利用HTML5的优势让开发商和用户,实打实的感受到了HTML5给他们的带来的价值。

众多从业公司,众多产品和思路,谁能最终胜出仍然未知。但看着未来越来越近是令人欣喜的,并且更欣喜的是中国公司在这场变革中引领了很多创新。

返回到行业好文 | | 作者:爆老师 Boson 发表于 12/18/2015

『欢迎大家在下方参与(H5还能怎么玩?—流应用的介绍)评论和分享』


在线咨询