HBuilder Vue项目打包Android App

一、Vue项目打包

vue项目打包前，需要修改两处代码，此两处代码修的原因是为了防止app启动时出现空白页面

1、将config/index.js 中的 build 配置中 assetsPublicPath 的值/ 修改为./

2、由于hbuilder的默认格式，路由不能使用history模式，将src/router/index.js  route history模式配置代码注释掉

 Vue打包后的文件架构

二、HBuilder 将vue项目打包成Android app 

准备工作

 1.打包时需要登录hbuilder账户

 2.需要安装Android jdk，使用jdk中的keytool -genkey 命令 生成打包证书

打包工作

 1、使用hbuilder 创建一个5+App项目

 

2、打包文件部署 

Hbuilder项目下的 css、img、js、index.html文件删除，只保留unpackage文件夹和manifest.json；然后将vue的打包文件 static、index.html拷贝到Hbuilder项目中

 

3、配置manifest.json

注：基础配置中的APPID 是登录账户后自动获取生成的

启动配置中，需要将“启动界面显示等待雪花”项去掉勾选

4、生成签名证书

打开 cmd,执行命令 keytool -genkey -alias testalias -keyalg RSA -keysize 2048 -validity 36500 -keystore test.keystore

命令参数说明：

1)testalias是证书别名，可修改为自己想设置的字符，建议使用英文字母和数字

2)test.keystore是证书文件名称，可修改为自己想设置的文件名称，也可以指定完整文件路径

3)36500是证书的有效期，表示100年有效期，单位天，建议时间设置长一点，避免证书过期

根据提示，设置相关的口令等信息

 然后在D盘会生成证书文件test.keystore

5、Hbuilder执行打包

项目右击—发行—原生App-云打包，进入打包页面

1)选择Android（apk）

2)选择 使用自有证书；输入生成的签名证书信息：证书别名、证书私钥密码、证书文件信息；渠道包根据实际情况选择

3)选择打正式包

4)广告联盟中的选项全部去掉勾选；换量联盟中的选项去掉勾选

5)选择安心打包

6)打击“打包”，等待打包完成

 

打包参考：

https://ask.dcloud.net.cn/article/35777

 https://ask.dcloud.net.cn/article/37979