Vue 移动端打包成apk

Vue 移动端打包成apk

如何将Vue 移动端打包成apk

打包配置

1. dex.js的build下的assetsPublicPath修改为如图（解决打包空白）

1. 将webpack.prod.conf.js的extract修改为如同（解决图标问题）

打包

在项目根目录执行npm run build 生成dist目录

使用HuilderX进行打包

1. 将dist拖入Huilder转成app项目

生成manifest.json和unpackage目录

1. 使用HbuilderX打包 将dist拖入HbuildX点击重识项目类型

配置apk信息

获取AppID 需要登录HbuildX社区

https://dcloud.io/

登录

点击创建应用 得到App id

配置APK剩余信息 根据自己需求配置

打包 云配置

1. 配置证书

1. 获取证书 JDK自带 keytool工具 testAPK 证书别名

 keytool -genkey -alias testAPK -keyalg RSA -sigalg SHA1WithRSA -validity 40000 -keysize 1024 -keystore testAPK.keystore

1. 然后将配置信息填入

1. 提交

1. 下载APK 点击查看云打包状态-控制台查看地址