2.HBuilderX 打包APP
最后更新于:2022-04-02 07:23:06
2、HBuilderX 打包APP
===
> 第一步build的文件(dist目录下的文件)使用HBuilderX 打包成APP
> 使用 HBuiderX 打包。(工具下载地址:http://www.dcloud.io/)
### 一、创建项目
【文件-新建-项目】 选择项目类型和填写项目名称
![输入图片说明](https://static.oschina.net/uploads/img/201908/15113942_Oh6w.png "在这里输入图片标题")
创建后会生成如下目录
![输入图片说明](https://static.oschina.net/uploads/img/201908/15115203_512u.png "在这里输入图片标题")
### 二、dist目录下的文件拷贝到该工程
(1)包里工程路面下unpackge目录和mainifest.json文件 其他文件目录全部删除
(2)拷贝dist目录下的文件到该工程目录
拷贝后目录结构大概如下:
![输入图片说明](https://static.oschina.net/uploads/img/201908/15115936_vORZ.png "在这里输入图片标题")
### 三、打包前项目配置
双击文件mainifest.json 进入文件配置界面
(1)基础配置
根据具体情况填写
![输入图片说明](https://static.oschina.net/uploads/img/201908/15120436_ZINc.png "在这里输入图片标题")
(2)图标配置
配置logo
![输入图片说明](https://static.oschina.net/uploads/img/201908/15120639_3yrT.png "在这里输入图片标题")
(3)启动图配置
![输入图片说明](https://static.oschina.net/uploads/img/201908/15120859_RPfD.png "在这里输入图片标题")
(3) SDK配置 (暂时不用选择)
(4)模块权限配置
![输入图片说明](https://static.oschina.net/uploads/img/201908/15121140_DDEa.png "在这里输入图片标题")
#### 打包后app点击返回键直接退出处理
在index.html中增加如下代码
```
```
### 四、打包APP
【发行-原生APP-云打包】
![输入图片说明](https://static.oschina.net/uploads/img/201908/15121507_IOdE.png "在这里输入图片标题")
打包后控制台如下打印
![输入图片说明](https://static.oschina.net/uploads/img/201908/15121636_LVsf.png "在这里输入图片标题")
根据下载地址下载APP,手机安装即可!!
';