Web开发

注册

 

发新话题 回复该主题

HTML5开发APP,DCloud先发制 [复制链接]

1#
HTML5开发APP,DCloud先发制人1.前言

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

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

2.DCloud平台介绍

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

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

HTML5+Runtime是基于webview的增强runtime,扩展了大量的JSAPI,打通原生API和JSAPI的桥梁。也可以理解为一个强化的浏览器引擎。所以,能在现有原生项目中使用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是一套前端框架,类似于JQueryMobile、ReactNative的东西。流应用是一种推广模式,本质上还是HTML5+APP。

3.总结

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

话说使用该APP开发,还能一次推出6个端的发布:HTML5浏览器、iOSipa包、Androidapk包、

分享 转发
TOP
发新话题 回复该主题