使用Hbuilder开发App,打包App

工具

Hbuilder是由DCloud推出的一款支持HTML5的Web开发IDE。支持开发视图、边改边看模式、webview调试模式、团队同步视图。也可以连接真机或使用模拟器直接运行。由于使用了MUI的一些组件,并且本次的运行环境定位于点餐商家界面的移动APP。真机的好处在于可以使用一些只有真机才支持的API,而且没有跨域问题。因此,我下载了安卓模拟器,以运行调试。

边看边改

使用Hbuilder开发App,打包App_第1张图片

模拟器运行

使用Hbuilder开发App,打包App_第2张图片

APP打包

Hbuilder的一大方便之处在于可以迅速地生成APP安装包,符合敏捷开发的原则。

设置安装包名字

使用Hbuilder开发App,打包App_第3张图片

设置APP中不需要的文件,如js,css

使用Hbuilder开发App,打包App_第4张图片


修改manifest.json设置App的基本信息(名字、图标、启动界面、权限......)

使用Hbuilder开发App,打包App_第5张图片

使用Hbuilder开发App,打包App_第6张图片

云端打包

使用Hbuilder开发App,打包App_第7张图片

查看打包状态

使用Hbuilder开发App,打包App_第8张图片

下载到本地


用自己的安卓手机安装、运行

使用Hbuilder开发App,打包App_第9张图片

使用Hbuilder开发App,打包App_第10张图片

好了。到这里就大功告成了。尽情体验自己写的APP吧。

你可能感兴趣的:(使用Hbuilder开发App,打包App)