vue打包成app应用，Webstorm+cordova打包vue成Android项目

最新推荐文章于 2024-07-20 12:39:42 发布

HOLD ON!

最新推荐文章于 2024-07-20 12:39:42 发布

阅读量922

点赞数 2

原文链接：https://blog.csdn.net/Two_Too/article/details/83095177

版权

vue打包成app应用，Webstorm+cordova打包vue成Android项目

Two_Too 2018-10-18

一. 打包vue
vue项目开发完成后，

使用 npm run build

打包成功之后，打开生成的dist文件夹中的 index.html，看看是不是ok的，没问题就继续下一步。

二. 使用cordova打包android项目
1. 新建cordova项目
全局安装cordova：

npm install -g cordova

创建cordova项目：

cordova create android-app com.dls myapp

其中android-app是项目目录，com.dls是包名，myapp是应用程序的显示标题

2. 复制vue项目中 dist 下面得文件，到创建好的 android-app 项目的 www 文件下

3.打包android项目
进入刚才创建的android-aap目录：

cd android-app

然后打包android：

cordova platforms add android --save

打包过程有点慢，第一次打包的时候，我还以为挂了，又来了一遍，打包好之后，就会生成这些文件。

4. 打包成apk的准备工作
检查工具是否安装好（需要安装Android Studio）：

cordova requirements

JDK、SDK、Gradle没问题就可以开始了（注意保证环境变量配置正确）

所需工具：

（1）下载 java jdk ，网盘地址：https://pan.baidu.com/s/1rG4P31PCuVcObp2AcRlptQ 提取码: 3rcj

          配置系统环境变量：
                 (a)新建->变量名"JAVA_HOME"，变量值"C:\Java\jdk1.8.0_05"（即JDK的安装路径）
                 (b)编辑->变量名"Path"，在原变量值的最后面加上“%JAVA_HOME%\bin”
                 (c)新建->变量名“CLASSPATH”,变量  值“%JAVA_HOME%\lib;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar”

在控制台分别输入java，javac，java -version 命令，检查配置成功

（2）到android studio 官网下载android SDK工具

安装完成之后，配置 SDK环境变量：

(a)新建->变量名"ANDROID_HOME"，变量值"D:\software\android-SDK"（即SDK的安装路径）
(b)编辑->变量名"Path"，在原变量值的最后面加上“%ANDROID_HOME%\platform-tools;%ANDROID_HOME%\tools”

打开命令行，输入adb，查看结果

5.生成apk(可参考：https://www.cnblogs.com/qirui/p/8421372.html)
生成签名：

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

（1）方法一：

生成未签名的apk:

cordova build android --release

将生成的签名文件 mytest.keystore 放到未签名的 apk 文件所在目录下

把数字签名放到生成的未签名的apk所在的目录下，输入以下命令：

jarsigner -verbose -sigalg SHA1withRSA -digestalg SHA1 -keystore mytest.keystore app-release-unsigned.apk mytest

（2）方法二：

直接生成带签名的apk ，数字签名需要放在cordova项目根目录下：

cordova build android --release --keystore="mytest.keystore" --alias=mytest --storePassword=testing --password=testing1

注： keystore 后面是数字签名证书， –alias 后面是别名 storePassword 后面是密钥库口令 password 后面是密钥口令

也可以：

在cordova项目根目录下，新建一个 build.json 文件

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

密码可以去掉，然后使用：

cordova build --release

注：cordova build后面没有android

————————————————
版权声明：本文为CSDN博主「Two_Too」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/Two_Too/article/details/83095177