将VUE生成的dist目录打包ANDROID APK

一、需要安装node.js及其cordova

• npm install -g cordova

二、打包vue

•  npm run build

三、使用cordova命令创建cordova项目

•   cordova create android-test com.cn mytest

其中android-test是项目目录，com.cn是包名，mytest是应用程序的显示标题

四、将vue生成的dist目录的内容放到android-test项目下www目录下；

将www目录下的原有的内容删除；

 

 

 

五、打包android项目

1. 进入android-test项目，打包成android项目；

• cd android-test
• cordova platforms add android --save

2. 打包成apk的准备工作

•  cordova requirements

 

注： 检查JDK,SDK,GRADLE(注意环境变量是否配置正确)，需要安装android studio

3. 打包apk项目

•   cordova build android –release

4. 打包成功后，界面会提示apk打包成功的路径，如下图：

 

 

 

5. 进入apk打包成功的目录，生成APK签名

• keytool -genkeypair -alias demo.keystore -keyalg RSA -validity 4000 -keystore demo.keystore

 

 

 

6. 进入apk打包成功的目录，生成带签名的apk

• jarsigner -verbose -keystore demo.keystore -signedjar androidtest.apk app-release-unsigned.apk demo.keystore

注意：需要你之前apk签名的密码口令

 

 

 

7. 生成成功后，可以用安卓模拟器安装运行是否成功