vue打包apk文件，vue+cordova打包Android的apk

前言：

        因工作需要，需要我这边做一个将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中配置安卓插件

如果之前有，不想要了，先删除android平台：

cordova platform remove android

如果之前没有，就直接安装：

cordova platform add android

2.用编译器或者直接打开我们的cordova-app项目文件夹

3.输入打包命令（第一次特别慢，2-8分钟哦）  

cordova build android --release

4.打开我们在打包以后出现的apk的路径（注意，这里生成apk成功了，但是没有签名，模拟器还有手机是不运行他安装的，会提示安装失败）

5.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文件配置属于他的签名的时候需要

6.解决生成签名时密钥库格式转移的报错问题

输入：也就是提示的这一句

 keytool -importkeystore -srckeystore D:\mytest.keystore -destkeystore D:\mytest.keystore -deststoretype pkcs12

然后输入口令，就生成成功了，看下面这个

打开我的d盘根目录地下出现了这个，带old是我们之前密码规则有问题的，所以用

mytest.keystore  这个文件

7.将我们的签名与apk绑定起来

打开以后，最终拥有的文件，应该和我这个是差不多的

在此目录下打开cmd小黑框   输入：

jarsigner -verbose -sigalg SHA1withRSA -digestalg SHA1 -keystore mytest.keystore app-release-unsigned.apk mytest

这里的密码短语就是你上面的密钥库口令（mytest.keystore必须和apk在同一目录地下）

  

8.将你的apk改名放到模拟器，或者直接放手机上点击安装，进行测试

我这里是雷电模拟器，有需要可以百度下载，

注意：最后送大家2020最新企业级 Vue3.0/Js/ES6/TS/React/node等实战视频教程，点击此处 免费获取，小白勿进哦