cordova+vue打包android.apk文件

 

所需环境：Android studio、Android SDK、Android SDK Platform、JDK、JRE、Node、npm

1.安装cordova

npm install -g cordova

检查安装状态

cordova -v

2.新建cordova项目

cordova create android-vue com.mopex vueapp
cd vueapp

android-vue:cordova目录名

com.mopex:包名

vueapp:项目名

下一步生成Android平台的cordova库，platforms文件夹中会生成一个android文件夹。

cordova platform add android

3.新建vue项目。（或现有的项目）

直接创建在cordova根目录下面

vue init webpack vueapp

项目结构：

4.修改文件
修改Vue项目config/index.js文件,注意是build代码块里。

标注1的作用是更改打包之后存放的路径，直接存放到cordova项目的www目录里。

标注2处如果不更改的话，打包成安卓应用之后，无法显示页面。

5.打包vue项目

npm run build

可直接打包到www目录里。

6.检查打包环境

cordova requirements

接下来可以连接真机或虚拟设备调试程序，运行命令：

cordova run android

若没有问题，执行下一条命令，打包成apk。（此命令打包的只是调试版本的apk）

cordova build android

 7.APK签名
APK都必须经过数字签名后才能安装到设备上，签名需要对应的证书（keystore），大部分情况下 APK 都采用的自签名证书，就是自己生成证书然后给应用签名。
数字签名证书是给APK打包所必需的文件，所以我们先要把数字签名证书生成。

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天。

注意：如果命令行报‘keytool是未识别的命令’的话，就是jre环境变量没有配置好，它存在jre的bin目录下。

根据指令输入密钥库口令，是不可见的。依次输入下面的问题。最后到【否】那里时输入y
再输入密钥口令（可以与密钥库口令相同），如果相同，直接回车，记住这两个口令，后面签名会使用到。
这时便会生成一个文件mytest.keystore，就是我们需要的签名文件。

(2)直接生成带签名的apk

把mytest.keystore放到cordova根目录下，新建一个build.json文件

{
	"android":{
		"release":{
			"keystore":"mytest.keystore",
			"alias":"mytest",
			"storePassword":"*****",
			"password":"******"
		}
	
	}
	
}

keystore 后面是数字签名证书，

alias 后面是别名

storePassword 后面是密钥库口令

password 后面是密钥口令

最后一条命令：

cordova build –release

直接生成带签名的apk文件。

他存在的目录：项目\platforms\android\app\build\outputs\apk\release

安装到手机即可。