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 点击查看云打包状态-控制台查看地址

在这里插入图片描述