2015年在HTML5产业里的亮点是360和DCloud公司推出的流应用,它对于HTML5缺陷的弥补和优势的发挥,可以说做得淋漓尽致。
流应用?这是轻应用换个概念炒冷饭吗?
当然不是,点击秒开后并不是在线打开一个网页,仍然是安装一个客户端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个问题:
1.HTML5的性能不行,不如原生;
2.HTML5的api不够,很多功能实现不了;
3.HTML5没法离线运行,断网就不能用了,即使有离线缓存,三方软件清理垃圾后也不能用了;
4.HTML5只能在浏览器里用,没法直接在桌面启动;
5.通过HTML5强化引擎(如PhoneGap/Cordova)开发跨平台App,那是小公司为了省钱做的事,大公司还是要用原生。
现在,这五个常规认知被终结了。
好吧,听起来大家真的需要重新认识HTML5了。
基于强化引擎运行的HTML5,功能、性能、离线运行、桌面启动,均和原生一样了(至少用户感觉不到差别)。
为了消除大家对HTML5的五个错误认知,特地录了36Kr流应用的操作视频,演示在飞行模式和手机清理垃圾后仍然可正常使用,让大家眼见为实:http://v.qq.com/boke/gplay/c17d8789e7dd8a208cd6e6189ae90664_nst000001qufah3_k0171y6vfyu.html
当HTML5这五个问题被消除后,这个世界就变了,但还变的不够,因为其实HTML5还有很多强于原生的地方可以发掘。
我在去年HTML5定稿时写的文章提到HTML5有5个原生也比不了的优势:
1.跨平台
2.快速迭代
3.开源生态发达
4.更容易推广
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个好处:
1.省时间:获取流应用是秒开,边用边下;
2.省流量:流应用的体积一般都是几百K,比原生App小10倍,而更新包体积都是几k,没有门槛的轻易获取新服务,也不会看到那么多更新角标头疼;
3.省空间:手机有空间,不如拍照片。把iphone6换成6s的原因是你之前的iphone6是16g的(有没有戳中你?);
4.省电、不卡:如果Android手机装上100个传统原生应用,那这手机基本就废了,会变的很卡很费电。而流应用,装上1000个也不会让手机变卡变费电;
5.场景串联:
出差订了机票后,就可以去航空公司App值机,然后去打车App里订去机场的出租车,然后去天气App里看当地天气……你不需要反复切回主屏启动不同的App,并输入明明上一个App里已经记录的查询条件。
之所以说流应用是HTML5产业的里程碑事件,是因为从此后我们可以重新审视HTML5 vs Native之争:
HTML5的5个缺点被解决了;
HTML5对开发商有5个原生比不了的优势;
HTML5对用户有5个原生比不了的优势。
我们先不争论原生是否会消失,但在2015年,HTML5产业确实取得了突破性进展。
我们不再是只能干巴巴的说:“手机硬件、网络都在提升,HTML5是趋势”这种年年都在说的“真理”了。
一些产品真正解决了HTML5的缺陷,并利用HTML5的优势让开发商和用户,实打实的感受到了HTML5给他们的带来的价值。
众多从业公司,众多产品和思路,谁能终胜出仍然未知。但看着未来越来越近是令人欣喜的,并且更欣喜的是中国公司在这场变革中引领了很多创新。
优网科技秉承"专业团队、品质服务" 的经营理念,诚信务实的服务了近万家客户,成为众多世界500强、集团和上市公司的长期合作伙伴!
优网科技成立于2001年,擅长网站建设、网站与各类业务系统深度整合,致力于提供完善的企业互联网解决方案。优网科技提供PC端网站建设(品牌展示型、官方门户型、营销商务型、电子商务型、信息门户型、DIY体验、720全景展厅及3D虚拟仿真)、移动端应用(手机站、APP开发)、微信定制开发(微信官网、微信商城、企业微信)、微信小程序定制开发等一系列互联网应用服务。
责任编辑:优网科技
版权所有:http://www.uweb.net.cn (优网科技) 转载请注明出处