2015年7月4日,由火速轻应用和DCLOUD联合主办的”HTML5移动应用生态峰会暨HTML5未来移动应用生态的探索之路“主题活动在北京JW万豪酒店举行。DCLOUD创始人王安先生也在此次大会作了《H5为什么终将颠覆原生生态系统》的重要演讲。以下是伍游网对DCLOUD创始人王安先生此次演讲内容的整理。
H5颠覆原生的道理
大家下午好,在去年10月底定稿的同时,11月初的时候我就写了一个文章,H5定稿了,在业内引发了很多的关注,有几百万的这个阅读量。媒体转载的也比较夸张,说原生APP会消失,其实我定义的也不是消失。是什么意思呢,大家可以听我先来讲一讲。H5颠覆原生是什么样的道理。
我们首先看各自有什么样的优点和缺点,H5就是性能不行,在性能上没有原生流畅,体验也没有原生强,开发调试比原生低效。事实上我们在面对一个巨大差距的时候,其实冷静下来就可以分解出这个事情应该怎么做。原生API很多,可以通过各种层次来解决不同的需求,我们拿H5做常规的API的时候,不足就由原生来提供。但是API也不是特别多,大概几百个,可以先做这几百个,把很常用的先分装出来,然后再进行拓展。在这种情况下我们就可以把40w作为二八原则来分装,分装是一个体力活,我们很难想像,有人把40w的API,分装给JS写接口。还有就是Js调用各种原生SDK和插件。通过这些我们就比较有效的解决了问题,让JS能力与原生就拉开了。常用的API都已经分装完毕,各种各样的地图,都已经补足。这个规范就已经被几十万个APP使用,不过这是在2013年推出的,有一段时间了,大家也可以下载体验一下。
第一个是摇一摇,扫一扫二维码,地图,水平仪,语音输入,微信分享,推送,这些东西都已经很成熟了,可以被应用,这样也会很简单。再往下的环节就是Native.Js,像iOS,我们可以通过调用Airprint打印。然后再看安卓会有的是在桌面创建快捷方式,JS也可以写这个代码,最下面的代码也会更加复杂一点,这些事情原来H5的工程师是不可想象的,可以做到吗,实际上这都是可以做到的,只要学习这个技术就可以很快的掌握。
然后性工能缺失里面的工具,过去也是比较恶心的事情。由于H5仍然没有很好的开发公司,所以对比原生的开发工具是差很多的。但也有一个非常棒的工具Hbuilder,很多公司的老板都会要求工人使用它,因为它开发起来的效率会特别高。
接下来说性能体验的问题,这是我们另一个叫MUI产品,想要用陌生原生UI的样式来达到原生的动画效果是很难的事情。MUI这个产品是我们做的一个开源的框架,它有几个特点,第一个是性能比较高,在去年8月推出的。它非常小,非常的快,流畅度非常高,只有将近100K的体积,大家也可以尝试去下载体验这个产品。
刚才讲到的这些都是为了解决H5的不足,是免费提供的,定价也没有限制,不会出现用一段时间就收费的情况,你可以去不受约束的改很多东西。
我们看到一张表格,是通过一些努力,说是在性能、工具、能力上的一些解决方案也好,产品也罢,使得现在H5的特点跟原生相比并不明显,基本上会认为他们做出来的东西差不多。但是这并不够,光做到这一点,还不能说是H5可以颠覆原生,还达不到。你有一些特别的特点是别人想去弥补他的缺点,弥补不了的,我们就抓住这些特点,这样就可以说H5比原生的优势会更明显。
H5与原生相比的优势
对于开发商的维度来讲,可以看到成本的优势,可以拉各种各样的成本,测试成本,开发成本,沟通成本,招聘成本,还有可复用性。当然这个对比是非常明显的,在各个环节,都有着一个明确的结论。然后再看难度,难度是下一个指标,从学习难度、招聘难度还有开源资源的难度,然而快是另外的事情。在两个技术的对比上,H5是更快的,可以快速让产品上线,也可以更快的试错,比如说A/B测试。还可以快速的更新,如果你的APP出了问题也可以很快的更新,而原生就不行。
可以看到,这种更快的技术也是有明显优势的。再往下就是H5的推广难度,H5更低,H5的入口更多,而原生的入口是应用市场的流量,偶尔页游广告互推荐的流量。但H5的入口流量非常大,尤其是微信,还有超级APP,微信已然成为一个非常重要的角色。包括导流效率,原生是用户从看到应用的广告到装好该应用的门槛和时间都很长,因此H5的这个技术更适用于推广。
还有一个优势是5端齐发,挑食APP的应用。我认为挑食火锅是非常知名的一个O2O公司,可以把各种各样的火锅送到办公室或者是家里去吃,提供非常好的完备的服务,我也经常点他们家的饭。如果挑食火锅APP,是由一个H5来做的话,就可以做到5端齐发,我们会看到像IOS也是可以下载体验的,还有安卓、浏览器、微信JS SDK。而且做出来的APP,对比IOS、安卓版跟原生是没有什么区别的,相信大家对比以后也是感受不到差别的。
但是对H5来讲,这个优势就比较明显了,我原来要做多少,我要找不同的平台,每个平台可能都要两个人,然后来做相应的开发,其实大家之前不选H5的技术,可能是IOS还有安卓的版本不行。很少会拿H5再去开发IOS的一个版本,安卓的一个版本,原生的一个版本,大多数的开发者也不会这样来选择。我之前说的是5端齐发,可只有4张图,那么第五端是什么,就是比大家之前熟悉的端还要熟悉,流量非常的大,所有的APP可以内嵌我们的5SDK的APP。你刚才写的H5的代码和工程,可以直接应用到这里面,360手机就是内嵌了我们的SDK,在最新的360手机助手里就有这个服务。生活助手,这里面有拼车还有打车,已经有几十个应用了。还有的应用是在开发过程中或是在测试和计划上线的排队过程中,这些应用都是H5。事实上都是在陆续的改进,然后可以看到很多优秀的,像原生体验一样的APP出现在这里一样。他们出现以后,对于一些用户来讲,就会有一个非常大的变化。这个APP,原生的体积是4M,而H5是400K,下载的启动时间,H5是5秒,而原生要1分钟,现在启动点击次数H5只需要1次,而原生的需要4到5次,H5更新是自动、差量,而原生的需要手动,并长时间的等待。功能体验,H5跟原生是一模一样的。那么这样的业务会让用户怎样选择呢?我相信这些用户会说我才不在乎你是什么开发的,我只在乎你给我省流量,让我快速进去,操作少,我就会选你。
我也邀请下,这个业务是我们跟360手机助手一起合作开发的新业务,希望各位开发商会到这里面来,如果可以,初期会有一些补贴的。如果现在还想上原生应用给你补贴这个的已经很难了,但是这个业务可以有很多,大家可以赶紧去首发入驻到这个平台里面。这是一个很不错的入口,下面的网址大家也可以去看看,是如何入驻360手机助手。
把这个表格拉出来对比一下,同样建立在功能体验一模一样的基础上,开发者关注指标,跨平台,开发成本,开发难度,快速迭代,运营难度,推广难度。但对于用户来讲,建立在应用获取,应用更新,手机消耗,跨应用交互。我相信大家可以看出来,这回是谁败了。
最后一页,我记得在10年前的时候,说手机上网将会超越PC上网。10年后我们都已经长大了,当时会有人相信这个说法吗?手机只不过是PC的补充而现在是不是同样的,现在说H5会颠覆原生一定会有一大批的人会说不可能,但事实就是在发生。
然后这是刚才讲到的挑食APP体验,大家可以扫描这个二维码或网站,都可以搜索进去。