前端VUE项目打包成安卓APP
1.打包vue项目,在项目的根目录执行命令 npm run build,直至项目打包完成打开dist文件件,里面有一个index.html和static文件夹。2.新建cordova项目2.1安装cordova,命令行执行 npm install -g cordova2.2利用cordova创建一个新项目,命令行执行cordova create folkmusic com...
1.打包vue项目,在项目的根目录执行命令 npm run build,直至项目打包完成
打开dist文件件,里面有一个index.html和static文件夹。
2.新建cordova项目
2.1安装cordova,命令行执行 npm install -g cordova
2.2利用cordova创建一个新项目,命令行执行 cordova create folkmusic com.music.folkmusic musicapp
folkmusic是项目名称,com.music.folkmusic是包名,musicapp是程序的标题
cordova的目录结构如下所示:
将刚才在vue项目中打包生成的dist文件夹下面的index.html和static文件夹复制到www文件夹下面,将原先www文件夹下面的所有文件删除。
3.打包cordova项目,在根目录执行命令 cordova platforms add android --save
命令执行成功之后会在platforms文件夹下面生成如下的目录
可以在项目根目录下面执行 cordova run android运行(需要真机或模拟器)
4.在根目录下执行 cordova build android生成apk文件
上图红色部分即为所生成的apk文件的路径
这样生成的apk是不能安装使用的,下面介绍如何生成签名的apk文件
5.检查环境是否已经准备就绪,执行命令 cordova requirements
根据提示安装所缺少的环境(sdk和jdk)
关于jdk和sdk环境变量的安装这里不再做说明,读者可以自行百度。检查jdk和sdk是否配置成功,在命令行执行java 和 adb命令即可
配置好环境再次检查会得到如下结果
6.打包apk
6.1生成签名证书
在命令行执行
keytool -genkey -v -keystore folkmusic.keystore -alias flokmusic -keyalg RSA -validity 36500
其中folkmusic.keystore代表所生成的证书文件名的所在目录(直接写名字代表当前目录),folkmusic代表别名,不写默认为mykey,RSA代表才用RSA算法,36500代表证书的有效期天数
然后根据提示输入所需录入的信息
成功之后会在目录下面生成一个证书文件
6.2apk签名
签名的方式有两种:
1.生成未签名的debug版本的apk,然后再用命令进行签名
在根目录执行命令 cordova build android --release
成功之后会在release目录下面生成一个app-release-unsigned.apk的文件
将签名所生成的证书文件复制到该目录之下执行命令 jarsigner -verbose -sigalg SHA1withRSA -digestalg SHA1 -keystore folkmusic.keystore app-release-unsigned.apk folkmusic
如果出现找不到证书链多半是证书的别名写错了。笔者就是前期的别名取得是flokmusic后面输入的是folkmusic而出错。
2.直接生产签名的apk文件
在命令行执行
cordova build android --release --keystore="folkmusic.keystore" --alias=flokmusic --storePassword=123456 --password=123456
同样会在release目录下面生成一个apk文件,并且是已经签名了的文件。
在我们的项目开发中,如果每次都输入这样一长串的命令未免太过麻烦,在cordova项目中,我们可以通过配置来快速生成带签名的apk文件
在项目的根目录下面新建一个build.json文件,在里面配置证书的一些配置信息
{
"android": {
"release": {
"keystore": "folkmusic.keystore",
"alias": "flokmusic",
"storePassword": "123456",
"password": "123456"
}
}
}
配置好之后以后打包就可以直接执行打包命令 cordova build android --release生成一个代签名的apk文件了
更多推荐
所有评论(0)