移动中间件2.0时代，企业如何使用HTML5

企业到底该不该使用HTML5推进自己的移动化？这个问题似乎让CIO和企业信息决策者有点头痛。HTML5具有天生的跨平台优势、可调用底层设备和系统功能的能力、企业使用成本低廉等优势。同时眼下HTML5也有一些不足，如运行性能不佳、体验不好等。

这种情况下，企业面临两难的抉择。一方面HTML5是明确的标准发展方向，同时能大幅降低企业移动化成本。

另一方面HTML5存在的不足阻碍企业使用。究竟如何解决这个问题，既能够发挥HTML5给企业带来的好处，又能让HTML5当前的不足得以解决？答案是：用HTML5开发Hybrid App。

汽车有混合动力Hybrid，移动应用同样也有混合模式。Hybrid App（混合模式移动应用）兼具“Native App良好用户交互体验的优势”和“Web App跨平台开发的优势”。很多人不知道市场上一些主流移动应用都是基于Hybrid App的方式开发，比如国外有美国银行、国内有百度搜索等。而用HTML5开发Hybrid App既能够发挥HTML5强大的界面表现力、跨平台的特性又能够弥补纯HTML5 Web App体验差的问题。

“开发HTML5的Web App”和“用HTML5开发Hybrid App”是完全两个不同的概念。

新技术和概念的出现，很多人被误导。

开发HTML5移动应用通常是指“运行在浏览器上的Web App”。而“用HTML5开发Hybrid App”则只是把HTML5当成手段和工具，开发具有Native特质的Hybrid App才是目的。

基于HTML5开发的Hybrid App使用HTML5、CSS3进行应用界面的布局。通过Javascript调用系统能力，如摄像头、传感器、数据传输、文件读写等。Javascript可以调用的系统能力不仅仅局限于功能层面，市场上也出现了支持UE交互完全使用原生实现的移动中间件如Titanium和AppCan等。

通过JS调用API的方式，基于HTML5的Hybrid App不但可以实现系统功能的调用，各种的原生UE交互也得以实现。这极大的弥补了HTML5性能和体验不足的弱势，又充分发挥了HTML5页面构建灵活、跨平台、低成本的优势。继而成为企业移动化的最佳选择。

为什么是用HTML5而不是HTML4或其他私有标准？

相比各种私有标准和协议，HTML5是国际主流标准，同时也是HTML4的下一代标准。开发人员学习成本和掌握难度较低，开发效率较高。并且现在各种网页开发工具都已经开始支持HTML5。尤其是Adobe已经明确宣布放弃移动端Flash，而HTML5的Canvas技术将成为替代者。HTML5是非常明确的标准发展方向，移动端尤为如此。

与HTML5一起兴起的是CSS3，能够完成复杂的界面布局。传统界面构建大量的使用图片来实现效果，现在完全可以使用CSS3来取代，极大的减少界面图片用量、提升界面渲染速度、降低应用安装包大小。如颜色的渐变、圆角、异形等。同时传统界面使用图片为了适配众多设备的不同分辨率通常需要多套图片，因为CSS3具有矢量特性，所以一段代码可以取代多张图片。

（上图是用CSS3实现的QQ LOGO   Demo的地址点此）

随着终端性能的不断加强，最终企业可以选择完全使用HTML5来达成移动战略，回归灵活的B/S架构，重走类似于PC时代从Client到Browser的路径。但是眼下碍于HTML5的一些不足，使用“HTML5开发Hybrid App”成为一段时间内企业移动化的最佳选择。这种方式在企业最终回归B/S架构下的HTML5移动化战略时，将起到承前启后的关键作用。届时只需要做少量的调整，就可以将基于HTML5的Hybrid App快速移植到移动浏览器上，重用性高、移植成本极低。

总结

无论是从技术发展趋势角度分析，还是从节约企业移动化投入、提高开发效率的角度分析。使用HTML5开发Hybrid App是一条企业移动化的捷径，能够帮助企业低成本、高效率的达成移动战略。但如何用好HTML5，反而成了企业CIO和信息化决策者需要认真对待的课题。

信息来源：雷锋网 benimaru zhang