Vue 移动端打包成apk

2023-11-27 15:11:08 浏览数 (19)
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 证书别名
代码语言：javascript复制
 keytool -genkey -alias testAPK -keyalg RSA -sigalg SHA1WithRSA -validity 40000 -keysize 1024 -keystore testAPK.keystore
  1. 然后将配置信息填入
  1. 提交
  1. 下载APK 点击查看云打包状态-控制台查看地址
打包 apk 登录 配置 移动端

0 人点赞