HBuilder 打包

一、Vue 项目利用 HBuilder 打包成 apk 安装包

1.HBuilder 新建一个项目

选择 5+App，模板选择默认模板。

2.vue项目（白屏问题）

a.config 文件夹下的index.js文件改成：assetsPublicPath: ‘./’(dev下的不用改)

b.src里边router/index.js路由配置里边默认模式是hash，如果是history模式，打开会出现空白页。所以mode模式改为hash或者直接把模式配置删除，让它默认的就行 。

c.vue.config.js 文件，设置 publicPath:‘./’

d.打包命令：npm run build 生成dist文件夹

3.把dist文件夹下的所有资源复制到刚刚新建的Hbuild项目app下，目录结构如下：

二、配置 manifest.json文件

注：配置文件可以直接使用默认，只改基础配置，也可，根据需求设置，如下仅是参考。

1.基础配置

必填：应用标识、应用名称、应用版本号、应用入口页面（首页）地址

横竖屏设置，根据需求设置。

2.图标配置

就是该 APP 显示在手机界面上的图片，非必选。

3.启动界面配置

根据需求勾选，下面的选择仅可做参考。

4.模块配置

根据需求勾选，不过有的打包的时候有限制。

5.权限配置

根据需求勾选，下面的选择仅可做参考。

6.App 常用其他配置

根据需求勾选，下面的选择仅可做参考。

三、打包APP（前提：需要登录自己的账号）

1.选择原生APP-云打包

2.打包

如果有自己的证书的，选择“使用自由证书”，并且在下面填写自己的证书名、私钥密码、引入证书文件；如果没有自有证书，可选择公共测试证书。
然后勾选最右下角打包，即可。

3.排队打包，等待中

4.下载使用 apk

打开最后安装包位置，建议通过 QQ 传送到手机，在手机直接打开 apk，接着进行安装下载，即可使用。