一、认识跨平台移动应用开发(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应用包。