vue打包android

今天配置vue android打包环境足足花了我6个小时，终于弄好了，在此记录一下，期间的曲折整过的伙伴们应该知道，如果用二个字形容：“崩溃”

废话不多话，开始搭建打包环境

搭建vue android打包环境：

一.安装java jdk 并配置环境变量 本人安装的是1.8 。

jdk下载，安装，环境配置 有java基础的人都知道，在此越过。

二.安装Android SDK

去官网下载AndroidSDK，地址：AndroidDevTools - Android开发工具 Android SDK下载 Android Studio下载 Gradle下载 SDK Tools下载找到对应的sdk tools下载：

可以下载安装包和压缩包，exe文件需要双击安装，压缩包只需解压就可以直接用，我这里下载压缩包(注意：我这个目录已经安装过依赖，刚解压的目录内当然不是这个样子)：

然后双击SDK Manager.exe，启动SDK Manager：

Tools安装最上面的2个，然后你也可以安装低版本的

Android版本的安装，我这里选择8.0，因为我接下来安装的cordova也是8.0,笔者在安装其他版本踩过大坑，我建议刚学习的伙伴尽量按照我的方式走，可以避坑。

Extras安装这2个就可以了。

安装这些依赖大约23个G，你就慢慢等待吧，需要点时间。

安装完成后，设置环境变量：

点击新建

找到path,点击编辑

新增环境变量：

到这一步环境变量配置好了。

检验Android SDK是否安装成功：在命令行窗口中输入”adb version“：

三.安装gradle
笔者在亲测时，没有安装gradle，结果在打包编译时报错，提示没有安装gradle
下载Gradle Distributions

起初笔者下载的是最新版本，结果在亲测时报版本不兼容，提示我安装4.1
所以笔者又下载了gradle-4.1-bin.zip

学习的伙伴们可能也有疑问，乍选择这么老的版本，没关系，黑猫白猫捉到老鼠的猫就是好猫。

下载好解压，然后配置环境变量：

找到path,点击编辑

新增环境变量

环境变量算是配置好了，这个不需要CMD检验，因为安装的是解压包并非安装
四.搭建cordova平台
1).全局安装cordova

npm install -g cordova
如果没有指定版本号，那么安装的总是最新版，最新版会存在兼容问题，笔者在此踩过坑
我这里安装的是cordova8.0.0
npm install -g cordova@8.0.0
对应的Android版本也是8.0.0 别的版本存在兼容问题。总之安装cordova，gradle，Android存在版本兼容，伙伴们安装的时候要选对版本号。

2).创建cordova项目:

在文件夹中启动CMD输入

cordova create android-app com.dls myapp

执行完命令后，你会发现在文件夹下创建了android-app项目

3).将你的vue项目打包好的文件拷贝到android-app\www目录下
你的vue build 的文件，

将dist目录下的所有文件拷贝到android-app\www目录下

4).打包android项目

进入刚才创建的android-app目录：

cd android-app

然后打包：

cordova platforms add android --save

执行完命令后，plateforms空目录下生成文件了

五.生成apk

1). 生成签名

在android-app根目录下执行命令：

keytool -genkey -alias my_app.keystore -keyalg RSA -validity 3650-keystore  my_app.keystore

命令行参数的含义：

-alias 后跟的是别名这里是 my_app.keystor
-keyalg 是加密方式这里是 RSA
-validity 是有效期 这里是 3650(这个数字代表多少天)
-keystore 就是要生成的keystore的名称 这里是 my_app.keystore

然后根据提示填写
执行完命令后在android-app目录下多了一个文件

2).在android-app根目录下执行命令：

cordova build android
命令执行完后，如果成功，在android-app\platforms\android\app\build\outputs\apk\debug目录下会生成app-debug.apk安装文件

执行到这一步可能会报错：

解决方式：

将

android/build.gradle 

android/app/build.gradle 

android/CordovaLib/build.gradle

所有build.gradle文件修改url

改前：

repositories {
        jcenter()
        maven {
            url "https://maven.google.com"
        }
    }

改后：

repositories {
        jcenter()
        maven {
            url "http://maven.aliyun.com/nexus/content/groups/public/"
        }
    }