DCloud产品HTML5跨平台APP开发的利器_html/css_WEB-ITnose

1. 概述 

目前，使用HTML5开发W eb app或者Hybrid App已经非常常见，大公司（大众点评、天猫）、小公司（创业团队）也在用。但是，行业资料还是比较空缺。

在2014年以前， HTML5的性能和能力都不充足。特别是性能，因为Android4.4以下版本不能支持webGL技术，所以大部分低端Android手机无法流畅运行手机APP。DCloud公司利用一款增强版的手机浏览器缓解了这个问题。同时，随着时代的进步，Android4.4以下版本将逐渐减少。

图  2015年 11月，Android手机版本分布情况，数据来源：友盟指数

  图  2014-2015年，Android手机部分版本变

做HTML5的App工具和平台也有很多，我从这4个平台挑选了一个。之前写过3个系列的短文，分析了我为什么选择DCloud这个平台。详细可到CSDN博客查找谷震平：

系列一： 跨平台APP----对Native/Hybrid/Web APP三种开发模式的分析

系列二： 跨平台APP----对 C ordova,APPCan,DCloud,APICloud四大平台的分析

系列三： 跨平台APP----使用D Cloud 公司产品跨平台开 发

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

2. 产品介绍

图    DCloud产品架构

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。

3. 总结

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

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

更多精彩内容，欢迎关注原创分享：