前言
在现在移动互联网的时代我们前端只会开发网站显然是不够的，如果想通过html+js+css开发一款App的话，我们可以选择使用HTML5+的API来调用一些原生App的功能，再通过App的打包工具将我们移动端的H5打包成App。
H5+简介
HTML5 Plus移动App，简称5+App，是一种基于HTML、JS、CSS编写的运行于手机端的App，这种App可以通过扩展的JS API任意调用手机的原生能力，实现与原生App同样强大的功能和性能。
调用HTML5+ API
对于HTML5+应用的页面有一个很重要的“plusready”事件，此事件会在页面加载后自动触发，表示所有HTML5+ API可以使用，在此事件触发之前不能调用HTML5+ API，所以应该在此事件回调函数中调用页面初始化需要调用的HTML5+ API，具体需要使用到的API我们可以访问HTML5+ API文档
document.addEventListener("plusready", function () {
//调用HTML5+ API
}, false);
为了方便我们开发App我们可选一些框架和开发工具，比如mui和HBuilder。
mui框架
mui是一个可以方便开发出高性能app的框架，也是目前最接近原生app效果的框架。有些控件就是原生态的效果mui起到了桥梁的作用，一套代码支持安卓、iOS打包，节省开发时间与开发成本，有配套的开发工具HBuilder,提供完善的代码提示以及打包流程的简化。
我们下载完HBuilder新建一个h5+App mui模板项目就可以看到以下的项目结构：
除了unpackage和manifest.json其他只是我们传统web开发的文件，unpackage是存放app的icon图片和启动图等资源，mainfest.json是打包配置文件（比如微信登录分享、地图等功能都需要在这个配置）。
使用HBuilder打包App
开发完我们的项目就需要打包成App测试和发布了，配置好我们的mainfest.json，点击云打包填入我们App证书等信息就可以把我们的项目打包成apk文件（安卓）和ipa（苹果）文件。
