跨平台移动应用开发(HTML5 Plus移动APP)

一、认识跨平台移动应用开发(HTML5 Plus移动APP)

1.HTML5 Plus 规范

通过 HTML5 开发移动 App 时，会发现 HTML5 很多能力不具备。为弥补 HTML5 能力 的不足，在 W3C中国的指导下成立了 www.HTML5Plus.org组织，推出 HTML5+规范。

2.HTML5 Plus移动App

简称5+App，是一种基于HTML、JS、CSS编写的运行于手机端的App，这种App可以通过扩展的JS API任意调用手机的原生能力，实现与原生App同样强大的功能和性能。

3.HTML5+扩展了JavaScript对象plus，使得js可以调用各种浏览器无法实现或实现不佳的系统能力，设备能力如摄像头、陀螺仪、文件系统等，业务能力如上传下载、二维码、地图、支付、语音输入、消息推送等。

4.使用HTML5+开发的移动App并非mobile web页面。这是新手最容易混淆的地方。mobile web的文件存放在web服务器上，而移动App的文件存放在手机本地，编写移动App的html、js、css文件被打包到ipa或apk等原生安装包，在手机客户端运行。

二、开发环境和开发流程

1.开发环境HBuilder。HBuilder内置HTML5+ APP开发环境，提供了一套完整的移动应用开发解决方案。内置HTML5+ API语法提示，提高开发效率；集成真机运行环境，方便开发后即时在真机上查看运行效果；集成应用云端打包系统，不用部署xcode和Android sdk就可以打包应用。使开发者只需要使用HTML5、Javascript、CSS技术就可以快速开发跨平台的移动应用。

2.使用CastApp（基于H5+进行二次封装的开发框架）快捷、高效开发。

3.使用mui框架。mui是封装了原生的HTML5+的API的一个UI框架，方便开发者迅速开发应用。含mui.css（提供了很多页面样式）和mui.js（封装了原生HTML5+API）。mui框架，它的性能更高，样式也更接近原生App，并且mui调用了HTML5+扩展能力，可以实现更好的体验。请注意，mui只封装了部分HTML5Plus Api，学会mui框架不代表可以不学习HTML5Plus规范。mui只是很有限的通过封装简化了常见开发过程。

4.一套代码可以打包成安卓和IOS应用包。