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

前言:

        因工作需要,需要我这边做一个将vue打包成apk的需求,搜索了很多资料,得到三种方法,

1. 是用apiClound来制作apk官网入口  

2. HBuilder 打包成apk  资料1  

3. 用 vue+cordova打包 Androidapk

这里说一下第三种方法:

步骤一: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等实战视频教程,点击此处 免费获取,小白勿进哦

猜你喜欢

转载自blog.csdn.net/qq_41619796/article/details/106615917