HTML 5定稿一周年!你必须要重新认识HTML5了

释放双眼,带上耳机,听听看~!
去年此时,W3C定稿了HTML5。我曾发表一篇文章《HTML 5终于定稿,为什么原生App世界将被颠覆》,这文章转载量很大,它阐述了HTML5的来龙去脉,分析了HTML5的优劣势并对未来发展做了一些预测。

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

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

以大众点评外卖流应用为例,它的窗体切换pop-in动画、流畅的下拉刷新,均是原生标准,还有一个流应用叫“36Kr资讯”,还可以手机进入飞行模式后再次从桌面启动该App,一样可以用而不会出现白屏或404。

为了消除大家对HTML5的五个错误认知,特地录了36Kr流应用的操作视频,演示在飞行模式和手机清理垃圾后仍然可正常使用,让大家眼见为实:

当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给他们的带来的价值。

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

HTML5的崛起,可能会让一些原生开发工程师不安,欢迎大家一起理性讨论,但求不要未经思考或验证的乱喷。我个人也是程序员出身,会多种编程语言,我总觉得一个开发者需要经常适应语言大战的变迁。

再次欢迎大家体验流应用

在360手机助手里搜索“大众点评外卖”、“36kr资讯”。没有体验条件的可看如下视频:

视频1 应用市场秒开流应用:

视频2 快码,扫描立即秒装app:

视频3 分享,通过社交网络快速传播App:

视频4 流应用不是Web网页,断网时照样使用:

作者简介:王安,DCloud CEO,HTML5产业专家,W3C会员。微博,weibo.com/wangan2000。

12

给TA打赏
共{{data.count}}人
人已打赏
安全技术

中国程序员真比印度的差嘛?

2016-12-19 11:09:06

安全技术

如何看待大学生逃课?

2016-12-19 12:59:06

个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索