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平台介绍

HTML5 APP----DCloud产品分析及介绍_第1张图片

                           图 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,打通原生APIJS 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、百度直达号、流应用。

HTML5 APP----DCloud产品分析及介绍_第2张图片





你可能感兴趣的:(项目经验,HTML5,跨平台APP,HTML5跨平台APP开发)