HTML5 APP----DCloud产品分析及介绍

0 前言

    目前，使用HTML5开发web app或者Hybrid App已经非常常见，大公司（大众点评、天猫）、小公司（创业团队）也在用。但是，学习资料还是比较空缺的。这个指南是笔者个人总结，难免有误，欢迎指正！

    目前，做HTML5的App工具和平台也有很多，我从这4个平台挑选了一个。之前写过3个系列的短文，分析了我为什么选择DCloud这个平台。详情戳下面：

系列一：http://blog.csdn.net/guzhenping/article/details/50496631

系列二：http://blog.csdn.net/guzhenping/article/details/50496883

系列三：http://blog.csdn.net/guzhenping/article/details/50497238

    使用DCloud平台开发过一款APP，感觉上App的性能、功能、用户体验等方面都不错，能给个80分（满分100）。所以，对于D厂的东西还算熟悉，特意在这里班门弄斧，欢迎交流指正。

1 DCloud平台介绍

                           图 Cloud产品架构

    DCloud公司旗下有4款产品：HBuilder、5+ Runtime、MUI、流应用。

    此外，该公司做了一套开源的厂商API——HTML5 Plus(H5 +)标准。该标准，是对HTML5标准的扩展和增强，弥补HTML5的能力和性能不足的问题。依照H5+标准，D厂实现了5+ Runtime，同时将其封装在了HTML5+ SDK中。

    HTML5+ Runtime是基于webview的增强runtime，扩展了大量的JS API，打通原生API和JS API的桥梁。也可以理解为一个强化的浏览器引擎。所以，能在现有原生项目中使用HTML5+ SDK替换原有的webview，以获得更强的web增强表现。

    在手机设备中，webview的性能好坏决定了HTML5的性能优劣。DCloud对原生的webview进行封装，同时扩展其功能。从时间和市场的角度来说，Android4.4以下的版本会逐步退出历史舞台。但是，HTML5+ SDK解决了用HTML5开发的APP在 Android4.4以下版本运行时的性能问题， 而且支持Android2.2以上版本（也支持iOS4.3以上版本）。

    HBuilder是一款不错的开发工具，纵观，iOS开发的Xcode，Android开发的ADT、Studio，WP开发的VS，个人感觉HTML5开发App的这款编辑器，还勉强能拿的出手。可以下载试玩，免环境安装，即可使用，内置Demo和教程。

    MUI和流应用我就不分析了。MUI是一套前端框架，类似于JQuery Mobile、React Native的东西。流应用是一种推广模式，本质上还是HTML5+ APP。

2 总结

    利用DCloud平台，APP的性能良好。动态效果都将被增强浏览器引擎处理，通过增强的引擎，可以在低端机上流畅的运行各种动态效果，比如侧滑菜单、下拉刷新、长列表滚动等。

    话说使用该APP开发，还能一次推出6个端的发布：HTML5 浏览器、iOS ipa包、Android apk包、微信APP、百度直达号、流应用。