HbuilderX把vue项目打包成apk

作者
2025-06-11阅读 42

1、把vue工程代码正常的打包

按照正常的上线标准进行打包成dist文件

比如使用

npm run build

2、接下来到Hbuildx中,创建一个5+App项目

null

使用默认模板即可

null

3、进入刚创建的项目的目录,把我框起来的删掉即可

null

删除之后是这样

null

4、把打包的dist文件复制到项目目录中

null

5、修改下manifest.json配置

这里我主要是把模块这一块,去掉了很多,因为我的这个app不需要。

还有就是如果选择通讯录等,打包的时候就需要实名认证了。这个在打包的时候会给出提示的。按照自己的实际要求来吧

null

6、开始打包

这里是需要下载插件的。这里按照提示来,需要下载插件的时候同意就行

这里我是先执行了一下生成本地打包App资源。这个我不知道对于打包有没有影响

null

然后就开始云打包

首先打包的弹窗是这样的,这里是需要证书的

null

生成证书的教程

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

这里我是直接按照教程生成的。

这里我做的过程中有一点弄错了,就是证书别名

这个直接用命令去查看证书,里面是有别名的,不需要乱猜

null

这里选择刚才的证书,并填上密码和别名。

注意这里我的私钥密码没有填,后续是有报错的

null

这个是需要排队的,等着就行

null

到此为止,apk就打包好了

可能出现的问题

1、证书密码不正确

[HBuilder] 09:09:27.451 Manifest.json文件以下节点配置错误,请检查修复
[HBuilder] 09:09:27.451    plus.distribute.google.keypwd	证书密码不正确

null

看一下打包的弹窗,有个证书私钥密码,这个跟证书库密码一样,也要填上

null



全部评论