Cordova将vue项目打包成apk(全使用命令行)

最新推荐文章于 2024-09-13 18:02:55 发布

原创最新推荐文章于 2024-09-13 18:02:55 发布 · 1k 阅读

CC 4.0 BY-SA版权

文章标签：

470 篇文章

订阅专栏

本文详细介绍如何将Vue项目编译并打包成Android的APK文件，包括使用cordova创建项目、复制Vue项目文件、添加安卓平台、编译及签名过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

场景

假设vue项目已经搭建好，要将其打包成apk。

在vue项目目录下打开cmd，输入：

npm run build

来到要新建cordova项目的目录下，输入：

cordova create corova-app com.badao mapp

其中cordova-app是项目名

com.badado是包名

mapp是apk名字

然后

cd corddova-app

进入项目目录

将vue项目目录下的dist目录下的文件复制到cordova项目中的www目录下。

在cordova项目中的cmd继续输入：

cordova platform add android --save

输入：

cordova build android --release

不加--release是默认debug版本的，加了才是正式版的。

build成功后的效果为：

此时会输出apk的路径，此时是未签名版的apk，无法安装到手机。

生成签名文件，参照：

将签名文件keystore文件与未签名的apk放在同一个目录下。

在此目录下打开cmd，输入：

jarsigner -verbose -sigalg SHA1withRSA -digestalg SHA1 -keystore release-key.keystore app-release-unsigned.apk cordova-project

其中release-key.keystore 是生成的签名文件；

app-release-unsigned.apk 是要签名的apk；

此时会提示你输入签名口令，此口令就是在生成签名文件时设置的口令。

然后再输入：

zipalign -v 4 app-release-unsigned.apk  cordova-pass.apk

其中cordova-pass.apk是签名后要显示的apk。