DCloud使用小结

DCloud使用小结

DCloud使用小结
1、 相关地址
官网首页 http://www.dcloud.io/
HTML5+文档 http://www.html5plus.org/#specification
MUI文档 http://dcloudio.github.io/mui/

2、 DCloud是什么？
DCloud是一个移动APP开发(HTML5)的解决方案。主要包括IDE（HBuilder）、HTML5 API（HTML5+）和一个移动前端框架（MUI）。

3、 HBuilder
HBuilder是一个以Eclipse为内核的Web开发IDE，比较有特色的功能有：代码助手、手机实时调试、团队协作、云编译等。
a) 创建项目
通过创建项目向导，选择创建 移动APP ，项目模版可以视情况选择空模版或者mui项目。
b) 真机联调
首先确定安装手机助手，并且手机能通过数据线正常连接电脑。然后在工具栏的运行->手机运行功能在手机中运行开发中的app项目。
c) 打包编译
通过工具栏的 发行->APP打包 功能，可以将项目在云端编译成app。
也可以通过HTML5+ SDK实现本地打包功能（需要配置本地环境）。

4、 HTML5+
a) HTML5+包含29大模块
Accelerometer（管理设备加速度传感器）
Audio（音频的录制和播放功能）
Barcode（二维码扫描识别功能）
Cache（管理应用缓存）
Camera（管理设备的摄像头）
Contacts（管理系统通讯录）
Device（获取手机设备的相关信息）
Downloader（管理文件下载）
Events（管理客户端事件）
File（管理本地文件系统）
Gallery（管理系统相册）
Geolocation（管理设备位置信息）
Key（管理设备按键事件）
Maps（管理地图控件）
Messaging（管理设备通讯功能，如短信彩信邮件）
nativeUI（管理系统原生界面）
Navigator（管理浏览器运行环境信息）
Orientation（管理设备的方向信息）
Payment（管理支付功能）
Push（管理推送消息功能）
Runtime（管理运行环境）
Share（管理客户端的社交分享功能）
Speech（管理语音输入功能）
Statistic（管理统计功能）
Storage（管理应用本地数据）
Uploader（管理网络上传）
Webview（管理应用窗口界面）
XMLHttpRequest（管理网络请求）
Zip（管理文件压缩和解压）
通过js就可以调用，基本可以满足简单的HTML5 APP开发。
b) Native.js，能够将手机原生对象映射为js对象，然后通过js来调用原生的API。
c) 如果以上模块以及原生对象都无法实现需求，还可以通过扩展，自行编写底层代码，然后通过js调用。

5、 MUI
官方宣称MUI是最接近原生APP体验的高性能前端框架。
MUI包括页面布局（CSS组件）及交互事件(Javascript)，CSS组件包括各自控件，如页面、导航、列表、菜单、按钮、图标、滑块、输入框等。Javascript事件包括创建子页面、关闭页面、手势事件配置、预加载、下拉刷新、上拉加载等。
使用MUI可以快速打造一个HTML5应用的前端。
当然也可以使用其他第三方前端框架代替，或者不使用任何框架。

6、 团队协作
a) 团队协作可以通过svn或git插件来实现，在菜单栏的工具->插件安装中可以选择SVN或EGIT安装，然后重启IDE即可。以下以SVN为例。
b) 安装完插件后，项目管理器的右键菜单上会多一个Team项，未纳入SVN管理的项目，可以通过“共享项目”功能来设置SVN地址和帐号密码等。
c) 如果是加入别人的项目，可以通过在项目管理器右键菜单的导入功能。
d) 通过右上角的下拉框可以切换开发视图与团队协作视图。

7、 DCloud开发项目简单实例
a) 官方实例：在IDE中创建项目时选择对应的模版，即可创建对应的包含详细代码的项目实例。
b) 一句代码将上学吧触屏版转为移动APP

c) 视频播放器移动版Demo