首頁 > web前端 > html教學 > DCloud产品HTML5跨平台APP开发的利器_html/css_WEB-ITnose

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

WBOY
發布: 2016-06-21 08:51:27
原創
1340 人瀏覽過

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、百度直达号、流应用。

更多精彩内容,欢迎关注原创分享:

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板