您好,欢迎来到三六零分类信息网!老站,搜索引擎当天收录,欢迎发信息

HTML5plus移动应用的开发实例分享

2026/6/15 3:30:24发布17次查看
什么是 html5plusdcloud 公司提供的,使用传统 web 技术开发移动应用的解决方案。本文主要和大家分享html5plus移动应用的开发实例分享,希望能帮助到大家。
增强版的手机浏览器引擎,让html5达到原生水平!产品口号,总会有些夸张的成分,不要在意这些细节。
tips
html5plus 名字太长,因而又称 html5+,或简称 5+。
使用该引擎开发的移动应用,又称 5+app。
相关的 sdk,称为 5+sdk。
使用方式runtime即使用 dcloud 公司的另一款产品 hbuilder,直接进行开发调试。
sdk将 5+sdk 集成到自己的原生应用中,就可以在应用中使用其扩展的 js api。
区别runtime 方式可以直接使用 dcloud 提供的云端打包,不需要本地搭建打包环境。
runtime 方式无需掌握原生开发的能力,合理使用扩展的 api 即可。
sdk 方式可以满足更多的需求,但是需要掌握原生开发的能力。
简单地理解下
runtime 方式,不需要开发者自己开发原生应用的基座部分,5+ 这边帮开发者做好了,只需要提交应用资源云端打包就行了。  
sdk 方式则不同,这种情况是在原有的原生应用基座基础上,扩展 5+sdk。因而,需要开发者自己搭建原生开发的环境,进行部分原生开发的工作。
基本架构按照官方的文档说明 android平台第三方插件开发指导,大体分为三层结构。这里为了更方便理解,扩展成四部分进行说明。
webview可以理解为简单的浏览器,html、css、javascript 都在这里。
plus这部分在 webview 中,在原有的浏览器环境基础上,扩展可以调用原生功能的 api,这些 api 都在 window.plus 这个对象里面。
js bridge负责连接 javascript 层与 native 层。
接收 javascript 层传发过来的请求,通知 native 层做出相应的响应。
接收 native 层响应的结果,通知 javascript 层接收结果。
native即 android 和 ios,也是 html5plus 的核心关键部分。
一次调用执行的过程以获取应用版本号为例
plus.runtime.version;
js 层调用 plus.runtime.version,webview 向 js bridge 发起请求。
js bridge 接收请求,通知 native 层读取应用版本号信息。
native 层执行拿到结果,通知 js bridge 层相应结果。
js bridge 拿到 native 层相应的结果,通知相应的 webview 结果信息。
js 层获取到应用的版本信息。
吐槽一下个人认为,每个产品每家公司,都有其自身的设计理念以及经营策略。不同的用户,总会有不同的需求和看法。  
因此,做技术选型时一定要搞清楚自己的需求和被调研的产品信息。dcloud 的社区中,经常出现“怎么没有xxx api”,“为什么不集成xxx sdk”,“不会原生开发,希望官方能够扩展xxx api”等等类似的帖子。至于出现此类问题的具体原因,大家都有自己的理解,这里不做讨论。
做技术选型时,最好亲自动手做下尝试。不要期望产品供应方给你最佳答复,因为人家不会傻傻地把用户往外推。  
------华丽丽分割线------  
下面,分享一下个人使用的经验和心得,希望可以帮助其他开发者在技术选型时做个参考。
优点学习成本低,只要掌握了基本的 web 开发能力,即可上手。
云端打包,不必本地搭建 android 与 ios 开发环境,进行打包处理。
一套代码,只要做少许的兼容处理,即可编译成 android 和 ios 两个包。
没有想到,待讨论补充吧。
不足plus.modulename.* 提供的 api 有限,虽然有 native.js 这一产品,但是需要掌握一定的原生开发能力。
依赖手机自身的 webview,因此在部分手机上性能并不理想。这一点,对于某些业务产品有一定的影响。
接第1点,某些功能的实现,需要开发者自行集成 sdk 进行扩展。例如蓝牙、应用后台常驻等。这一点,同样需要开发者具有原生开发的能力。
部分功能,由于兼容性问题实现的并不完善。例如桌面图标的角标等。当然,android 的碎片化严重,有些不足可以理解。
文档内容,有些地方解释地不够清楚。另外,文档的排版有点奇怪。
目前没遇到其它坑了,也可能在下还不够熟悉。
较合适范围综合官方的案例展示,以及个人开发的经历。总结下来,5+app 开发比较适合以下情况或产品:
初创公司,需要快速上线应用。
新闻资讯(36kr)、电商(himall)、内容分享(枫桥居花卉)、外卖等大部分的 o2o 业务产品等等。
核心业务功能不依赖某些原生功能
一部分企业应用,也可以根据具体需求情况而定。
不推荐情况有些情况没办法一概而论,因而按照具体情形说明。
重度依赖某些原生功能,比如应用中需要实现地图自定义的绘线、需要蓝牙模块进行数据的通信等等。
核心业务涉及到即时通信(im),并且不希望使用第三方的 js 版 sdk 的。
需要读写文件,比如录制短视频、编辑图片、编辑视频等。
某些较为“流氓”的功能,比如应用后台常驻、推送服务常驻等等。
控制应用的权限,比如禁止截屏之类的。这个只能在原生层处理,而且 android 的兼容你懂的。
上面许多情况都需要通过原生层的开发来解决,当然同时可以集成 5+sdk,相关的扩展 api 照用不误。
同类产品cordova
apicloud
appcan
ionic
weex
react native
目前在下了解到的就这些,有些产品浅尝辄止,有些产品压根就没体验过,因此这里不做对比以及过多的评述。
补充:
hbuilder 是一款 ide,也是真机调试时基座的名字。这两个加起来,就是开发 5+app 的环境及工具。
html5plus 的名字很多,dcloud 官网上写的是 5+runtime。负责扩展 js api,实现 js 调用原生功能。
mui 移动开发的 ui 框架,为了方便开发封装了几个涉及到 html5plus 的方法,经常被人误解。但它真的只是个 ui 框架,原生能力的调用和它没关系。
相关推荐:
如何使用微信开发者移动应用创建获取app id的详细介绍(图)
以上就是html5plus移动应用的开发实例分享的详细内容。
该用户其它信息

VIP推荐

免费发布信息,免费发布B2B信息网站平台 - 三六零分类信息网 沪ICP备09012988号-2
企业名录 Product