DCLOUD CEO王安:H5为什么终将颠覆原生生态系统?
当前位置 :首页>产业新闻>返回
时间:2015-07-14 编辑: 来源:蜜蜂网

  手游客栈今日报道(2015.07.14)过去这些年,HTML5颠覆了PC互联网的格局,优化了移动互联网的体验,接下来,HTML5将颠覆原生App世界。这听起来有点危言耸听,但若认真分析HTML5的发展史,你会发现这个世界的发展趋势确实就是这样。

  HTML5过去没发展起来,核心是这个问题,我们业内人称之为性工能缺失,性工能分别指性能、工具、能力。

1.jpg

  性能:提升HTML5性能的手机端引擎,让侧滑菜单、下拉刷新等动态交互卡顿的问题得以解决;

  工具:HTML5开发IDE产品HBuilder, 超快的编程利器;

  能力:把40万原生API封装成JavaScript对象,以解决HTML5能力不足问题的Native.js技术;

  最接近原生体验的高性能框架:MUI框架,体积只有几十K,加载、运行远快于一般框架。基于该方案开发的HTML5应用完全可以达到原生App的功能和体验。

  HTML5 VS 原生APP之性能不足

  我们先从能力不足说起。HTML5标准加上3大浏览引擎的扩展,一共是7w个语法,而原生,不管是ios还是Android,每个都有40w以上api。HTML5和原生,根本就不在一个重量级,HTML5如何打得赢。所以HTML5的工程师,只能郁闷的看着原生工程师做的应用有二维码、摇一摇、语音输入,你只能看着你做的产品被竞争对手的原生应用超越。业内也有一些产品基于HTML5封装了一些原生能力,但api数量也就在数百个左右。还有些产品使用hybrid方案,HTML5做一部分,原生做一部分。但这也不是HTML5工程师想要的。你说那些人怎么只封装几百个api,要是有人把40w原生api都封装成js的api,就该多好。

  可是谁闲着没事封装那么多API呢?还得追踪手机OS的升级,ios9新增了5000个api,操作太麻烦。补齐能力,最简单的方式就是封装,类似phonegap/cordova,把原生api封装成js api。但是40w个api都封装吗?这工作量不可想象;而且全部封装后,包体积也不可想象。但是我们可以把常用的封装了。事实上大多数app开发遇到的HTML5标准未含的部分只有几百个api。并且我们把它做成公开标准,开放。那么剩下的几十万api呢?不要封装,我们突破了一种Native.js技术,让js可以直调40w原生api。

  还有原生插件,开发者使用原生写的一些还不适合js做的事情,比如视频处理、ar增强现实,可以通过active plugin技术实现被js调用。

1.png

  然后看Native.js技术,就是再往上一层的那个可以直接调40w原生api的技术。Native.js不是一个js框架,它类似于nodejs。Nodejs使用js语言,但让js可以开发服务器应用。Native.js也类似,也是js语言,标准js语法,但可以调用原生对象。从web前端到服务器、到原生app,看起来js真是无处不在了。

  那么Native.js的代码到底怎么写。我们看到这里引用了原生的类名,定义了一个js变量ariprint,如果后续对这个变量后面敲点,就可以点出这个原生对象的各种方法。调用airprint、gamecenter,这都是ios专用api,然后看Android的那些专用api,创建桌面快捷方式,监听apk安装卸载。这里我给了一个稍微复杂点的示例,但可以看出Native.js能做什么,没什么不能做的,我们已经看出原来js是很强大的,能力上可以与原生拉齐。

  HTML5 VS 原生APP之开发工具

1.png

  下一个问题是性工能里的工具。

  我们都知道HTML5的开发工具真是比不上原生开发的工具。不过这个问题也改观了。我们都知道,xcode、eclipse、vs,分别是ios、Android、wp的原生语言ide。为什么这些原生语言不用文本编辑器编程,而我们HTML工程师就在用文本编辑器?为什么?因为HTML最开始其实不是一个编程语言,确实用不着什么ide。但是发展到现在,7w多个语法,js越来越庞大,真开发一个达到原生水准的App,不是用以前习惯的文本编辑器能搞定的。你可能有一把很喜欢的瑞士军刀,小巧精致,但真打仗,还得使用机关枪。他们在很多方面都有非常大的区别。

  由DCloud研发不到2年的时间HBuilder目前已经成为业内主流的HTML5开发工具。做前端开发不知道HBuilder已经很少了。HBuilder确实是最快的HTML开发工具。有很多优点。很多公司老板强制要求工程师使用HBuilder,因为这能大幅提升公司整体的开发效率。

  HTML5 VS 原生APP之五端齐发

1.jpg

  HTML5有一个非常非常重要的优势,就是5端齐发。来看这个案例,挑食火锅是一家很棒的专业做火锅送上门服务的公司。这个案例中,使用HBuilder开发了一套代码,同时发布了5个版本。Ios、Android、普通浏览器、微信版。它的ios和Android的客户端版本,是用HBuilder打包HTML成apk和ipa,它的体验和原生的体验是一模一样的。1个工程师、开发了1个月,1套代码,grunt编译,5端齐发。这堪得上是HTML5的最佳实践。

1.jpg

  移动互联网是一个快鱼吃慢鱼的时代,谁对用户的需求满足的更快,谁的试错成本更低,谁就拥有巨大的优势。互联网产品大多免费、且有网络效应,后入者抢夺用户的难度非常大。使用原生开发,从招聘、开发、上线各个环节的效率都慢一倍以上,而且参与的人越多,沟通效率往往拖慢不止一倍。

  很多人有这样的体会,一个原生应用上线Appstore,突然有一个大bug,只好连夜加班修复,然后静静等待2周或更长时间的Apple审核,这2个星期被用户的涂抹淹死,市场上一片差评,用户大量流失。等新应用被审核上线了,用户已经卸载了。但是,HTML5没有这些问题,你可以实时更新,有问题立即响应。

  互联网和移动互联网还是有明显差异的,在当下的移动互联网趋势下,从有限用户中挖掘无穷价值,通过移动工具精准捕捉嵌入用户使用场景,最大化价值挖掘能力。这套移动互联网的方法论如何在HTML5这个细分行业内发挥作用也是非常值得大家去思考的。

  10年前如果有人说,手机上网将超越pc上网,人们会说这人疯了,手机上网不过是pc上网的补充。今天,人们还会说这人疯了吗?不会了。HTML5的未来也一样,因为它代表了社会的生产力和生产效率的进步方向,它的前进是不可阻挡的。当然颠覆也并不是说原生app将消失,还是会有一些app仍然是原生开发的,只不过大部分app将变为HTML5。


2017年IP粉丝行为报告

残酷的电竞梦

尴尬的主机行情

健康游戏忠告:抵制不良游戏 拒绝盗版游戏 注意自我保护 谨防上当受骗 适度游戏益脑 沉迷游戏伤身 合理安排时间 享受健康生活

京ICP备15024595号-1

游戏客栈 游戏客栈