前言:
因工作需要,需要我这边做一个将vue打包成apk的需求,搜索了很多资料,得到三种方法,
1. 是用apiClound来制作apk,官网入口
2. HBuilder 打包成apk 资料1
3. 用 vue+cordova打包 Android的apk
这里说一下第三种方法:
步骤一:cordova
1. 全局安装环境
npm install -g cordova
2. 创建 cordova 项目(直接使用就好了)
(1)创建项目:cordova create cordova-app com.ysh mapp
*注释:(1)名称是mapp,
(2)包名是com.ysh,
(3)项目名是cordova-app
(2)安装依赖:cordova platform add android
3.将上面的vue项目中的dist目录下的文件全部拷贝到cordova项目的www目录下
注意:除了vue项目,,在此送大家2020 最新企业级Vue3.0/Js/ES6/TS/React/node等实战视频教程,点击此处 免费获取,小白勿入哦,
步骤二:要运行打包成安卓的apk,需要配置安卓的环境
注意:没有apk,直接运行打包命令会报错:Failed to find 'ANDROID_HOME' environment variable. Try setting it manually...
1.配置 jdk (安卓的sdk环境变量配置必须配置这个)
链接:https://pan.baidu.com/s/15Ktkn66dk3WfIOHOgBBrQA 提取码:i0v3
此电脑右键--》属性--》高级系统设置--》环境变量
(1)添加 JAVA_HOME +你 jdk 的路径
(2)path 里面添加 %JAVA_HOME%\bin
(3)接下来验证配置是否成功 java -version
2.安装sdk 官网入口
百度网盘地址:
链接:https://pan.baidu.com/s/1qvF4S0EPVrvvGW5Ow1aCGA 提取码:h6ty
此电脑右键--》属性--》高级系统设置--》环境变量
(1)添加 ANDROID_HOME +你 sdk 的路径
(2)path 里面添加 %ANDROID_HOME%\platform-tools
(3)Android SDK配置完成,接下来验证配置是否成功
***先重启cmd!!!!!!!!!!
打开c盘,打开cmd小黑框,输入adb
3.安装 gradle ,教程入口
步骤三:这里默认我们必需的三个环境变量已经配置好了
1.用编译器或者直接打开我们的cordova-app项目文件夹
2.输入打包命令(第一次特别慢,2-8分钟哦)
cordova build android --release
3.打开我们在打包以后出现的apk的路径(注意,这里生成apk成功了,但是没有签名,模拟器还有手机是不运行他安装的,会提示安装失败)
4.apk签名生成(注意,生成在你apk所在的文件夹底下,我这里做示例是用d盘根目录)
keytool -genkey -v -keystore D:\mytest.keystore -alias mytest -keyalg RSA -validity 20000
*注释:-keystore D:/mytest.keystore表示生成的证书及其存放路径,如果直接写文件名则默认生成在用户当前目录下;
-alias mytest 表示证书的别名是mytest,不写这一项的话证书名字默认是mykey;
-keyalg RSA 表示采用的RSA算法;
-validity 20000表示证书的有效期是20000天。*
注意:密码库口令,新口令虽然不显示,但是是存在的,这个要记住,给apk文件配置属于他的签名的时候需要
5.解决生成签名时密钥库格式转移的报错问题
输入:也就是提示的这一句
keytool -importkeystore -srckeystore D:\mytest.keystore -destkeystore D:\mytest.keystore -deststoretype pkcs12
然后输入口令,就生成成功了,看下面这个
打开我的d盘根目录地下出现了这个,带old是我们之前密码规则有问题的,所以用
mytest.keystore 这个文件
6.将我们的签名与apk绑定起来
打开以后,最终拥有的文件,应该和我这个是差不多的
在此目录下打开cmd小黑框 输入:
jarsigner -verbose -sigalg SHA1withRSA -digestalg SHA1 -keystore mytest.keystore app-release-unsigned.apk mytest
这里的密码短语就是你上面的密钥库口令(mytest.keystore必须和apk在同一目录地下)
7.将你的apk改名放到模拟器,或者直接放手机上点击安装,进行测试
我这里是雷电模拟器,有需要可以百度下载,
注意:最后送大家2020最新企业级 Vue3.0/Js/ES6/TS/React/node等实战视频教程,点击此处 免费获取,小白勿进哦