欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

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

程序员文章站 2022-05-22 12:26:17
...
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、百度直达号、流应用。

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