cordova環境配置，將vue項目打包成apk的詳細流程

jdk下載並配置

• 下載jdk

下載地址：https://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html

下載完成，一直下一步即可

• 配置jdk

1、新建 JAVA_HOME 的變量，值爲jdk安裝路徑，此處爲默認安裝路徑  C:\Program Files\Java\jdk1.8.0_74

2、雙擊path，新建環境變量   %JAVA_HOME%\jre\bin   和   %JAVA_HOME%\bin

3、新建 CLASSPATH 變量，值爲  .;%JAVA_HOME%\lib;%JAVA_HOME%\lib\tools.jar

• 檢驗jdk

在cmd窗口輸入 java -version 出現版本號即可

 在cmd窗口輸入 javac -version 出現版本號即可

---

android studio下載並配置

• 下載android studio

下載地址：https://developer.android.google.cn/studio/

參考文章：https://www.cnblogs.com/xiadewang/p/7820377.html

安裝時，如果電腦上之前沒有安裝過SDK，會提示安裝，此處安裝到D盤的sdk文件夾中

如果在打包的時候，報錯關於sdk的許可證不正確，可以在將Andorid 10.0(Q)換成另一個版本，再去打包

• 配置SDK

1、新建 ANDROID_HOME 的變量，值爲sdk的下載路徑  D:\sdk

2、雙擊path新增環境變量  %ANDROID_HOME%\tools 和  %ANDROID_HOME%\platform-tools

• 檢驗sdk

在cmd中輸入adb，出現如下界面即可

---

gradle配置

在下載android studio的時候，會自動下載gradle，只要找到路徑即可

在android studio軟件界面 file --> Settings  --> 搜索gradle

1、新建  GRADLE_HOME 的變量，值爲gradle的路徑    C:\Users\xpf\.gradle\wrapper\dists\gradle-4.10.3-all\81msde2dx9p4vji0mjgtvxkcb\gradle-4.10.3

2、雙擊path添加環境變量  %GRADLE_HOME%\bin

3、cmd輸入gradle -version出現版本號即可

---

至此，所需環境安裝並配置完成

---

cordova下載

1、全局下載cordova

cnpm install -g cordova

2、檢驗cordova是否成功下載 ，在cmd中輸入  cordova -v

---

cordova打包apk

1、使用cordova新建有一個cordova項目

cordova create test

注：如果新建項目失敗，按如下報錯的路徑（C:\Users\xpf\AppData\Roaming\npm\node_modules\.....）找到node_modules刪除後重新下載，推薦使用yarn install。重新下載完依賴包之後，再去新建一個項目即可

2、進入test目錄，爲項目添加平臺（注意是否在cordova項目中）

cordova platform add android --save

3、進入vue項目，新建 vue.config.js 文件，文件中加入如下內容（如果vue.config.js新建到src下，打包出來的是空白頁面）

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

4、執行npm run build，將vue項目打包成dist包

npm run build

5、將打包生成的dist下面的三個文件複製到cordova的www目錄下

複製完成後

6、確認打包環境無誤後，開始打包

cordova requirements

cordova build android

7、根據打包成功提示的路徑，找到apk，   此處爲C:\Users\xpf\Desktop\test\test\platforms\android\app\build\outputs\apk\debug

將該apk移入到手機安裝即可看到vue項目

---

注意：使用cordova打包的apk，可以安裝到自己的手機、夜神模擬器、android studio的AVD上，三選一

---

關於android9.0及以上的配置置(安裝apk的android環境過高時，會出現無法登錄等錯誤)

1、打開如圖路徑，在AndroidMainfest.xml中新增配置android:networkSecurityConfig="@xml/network_security_config"

2、打開如圖路徑,新建文件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以上版本中使用