cordova打包踩坑合集（Solve more than 95% of problems）

JDK环境配置

下载安装

Oracle JDK下载

• 选择对应平台安装即可

环境变量配置

1. 在此电脑->属性->高级属性设置->环境变量中添加JAVA_HOME
   
2. 在此电脑->属性->高级属性设置->环境变量中添加CLASSPATH
   .;%JAVA_HOME%\lib\tools.jar;%JAVA_HOME%\lib\dt.jar
   
3. 在Path中添加环境变量 %JAVA_HOME%\jre\bin 和 %JAVA_HOME%\bin点击确认按钮直到再次回到控制面板。

测试

在cmd窗口输入 java -version 出现版本号即可
在cmd窗口输入 javac -version 出现版本号即可

• 到此JDK环境配置完成

Android Studio安装&配置

Android Studio下载地址
安装参考：文章

SDK配置

1. 新建ANDROID_HOME环境变量为上述SDK地址
   
2. Path新增环境变量 %ANDROID_HOME%\tools 和 %ANDROID_HOME%\platform-tools,点击确认按钮直到再次回到控制面板。

测试SDK

在cmd中输入adb，出现如下界面即可

• 到此SDK配置完成

gradle配置

1. 新建 GRADLE_HOME 的变量，值为.gradle\wrapper\dists目录下的版本路径
   
2. path添加环境变量 %GRADLE_HOME%\bin，点击确认按钮直到再次回到控制面板。

测试gradle

cmd输入gradle -version出现版本号即可

---

至此，所需环境安装并配置完成

---

cordova全局安装

npm install -g cordova
或者
yarn global add cordova # 推荐使用yarn 

• 检测是否安装成功，在cmd中输入 cordova -v

cordova打包apk

1. 通过cordova创建项目

cordova create app

2. 进入app目录，为项目添加平台（注意是否在cordova项目中）

cordova platform add android --save

3. 打包Vue项目获取dist目录下所有文件，并替换cordova项目/www目录下所有文件

   • Vue项目根目录新建vue.config.js,添加以下内容

     module.exports = {
       publicPath: './',
       outputDir: 'dist',
       assetsDir: 'static'
     }
     

   • 执行npm run build，将vue项目打包成dist包
     
   • 替换www文件夹下内容
     

4. 确认环境是否正常，开始打包

cordova requirements

cordova build android

测试apk（可以使用自己的手机、夜神模拟器、android studio的AVD等等）

这里采用逍遥模拟器演示

至此cordova打包完成

---

下面是踩坑合集（不要错过）

cordova create新建项目失败

1. 找到全局安装Cordova的目录（一般在错误信息中有显示）
   
2. 重新执行cordova create即可正常创建

安装apk的android环境过高(安卓9.0以上)时，会出现无法登录等错误

1. 找到Cordova项目打包后的 AndroidMainfest.xml 文件application标签添加以下配置

android:networkSecurityConfig="@xml/network_security_config"

2. 在 AndroidMainfest.xml同级目录res/xml文件夹，新建文件network_security_config.xml
   
   内容如下：

<?xml version="1.0" encoding="utf-8"?>
<network-security-config>
     <base-config cleartextTrafficPermitted="true" />
</network-security-config>

3. 重新执行命令cordova build android，此时生成的apk就可以在安卓9.0以上版本中使用

Could not download fastutil.jar (it.unimi.dsi:fastutil:7.2.0)

在build.gradle中增加两行代码即可

maven { url 'http://maven.aliyun.com/nexus/content/groups/public' }

No installed build tools found. Install the Android build tools version 19.1.0 or higher.

经过查看build-tools目录，发现该目录为空，即需要下在一个build-tools工具即可


问题解决完毕，重新构建即可