所需环境: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
安装到手机即可。