所需环境

JDK

Android Studio (SDK + gradle)

cordova

一、JDK下载与配置

JDK下载地址: https://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html.
1. 安装步骤：一直点击下一步，直至安装完成（安装路径选择默认路径），然后开始配置环境变量（环境变量在用户变量里边进行配置）

2. 环境变量配置(右击此电脑 -> 属性 -> 高级系统设置 -> 环境变量 )
(1). 新建用户变量 JAVA_HOME，设置变量值jdk的下载路径 C:\Program Files\Java\jdk1.8.0_201

JAVA_HOME

C:\Program Files\Java\jdk1.8.0_201

(2). 双击path添加环境变量 %JAVA_HOME%\jre\bin 和 %JAVA_HOME%\bin

%JAVA_HOME%\jre\bin

%JAVA_HOME%\bin

(3). 新建用户变量 CLASSPATH，设置属性值 .;%JAVA_HOME%\lib;%JAVA_HOME%\lib\tools.jar

.;%JAVA_HOME%\lib;%JAVA_HOME%\lib\tools.jar

(4).进行检验jdk是否安装成功：

> java -version> javac -version

二、Android Studio下载与配置

AS下载地址: https://developer.android.google.cn/studio/.
1. 安装步骤：下载android studio的时候，SDK和gradle已经下载好了，但是要更改sdk版本，而gradle则可以直接配置

安装过程注意：
1.安装时要把AVD勾掉，
2.安装完成运行android studio后，
3.不要导入配置 do not import settings
4.cancel
5.点击下一步到修改sdk路径
6.新建安卓项目
7.修改项目路径
8.更改SDK版本，选择左上角file -> settings，找到sdk，若SDK版本为android 10.0+®，就要换成android 10.0(Q)
2. 环境变量配置
(1). 新建用户变量 ANDROID_HOME，设置变量值SDK的下载路径 D:\soft\sdk

ANDROID_HOME

D:\soft\sdk

(2). 双击path添加环境变量 %ANDROID_HOME%\tools 和 %ANDROID_HOME%\platform-tools

%ANDROID_HOME%\tools

%ANDROID_HOME%\platform-tools

(3). 新建用户变量 GRADLE_HOME，设置变量值SDK的下载路径 D:\soft\sdk

GRADLE_HOME

C:\Users\张娜娜.gradle\wrapper\dists\gradle-6.1.1-all\cfmwm155h49vnt3hynmlrsdst\gradle-6.1.1

(4). 双击path添加环境变量%GRADLE_HOME%\bin

%GRADLE_HOME%\bin

(5).进行检验adb以及gradle是否安装成功：

> adb> gradle -version

cordova环境搭建

准备工作

npm

cnpm

yarn

1. 全局下载cordova

> cnpm install -g cordova

或者

> yarn global add cordova

检测cordova是否安装成功

> cordova -v

cordova打包测试

1. 新建cordova项目

> cordova create outbreak_cordova

注意：新建项目的时候报错（npm ERR！A complete log of……）
根据绿色提示找到下路径C:\Users\张娜娜\AppData\Roaming\npm\node_modules\cordova下的node_modules删除后，然后重新下载node_modules 使用命令：yarn install

2.进入outbreak_cordova目录，然后为项目添加平台

> cd cordova> cordova platform add android --save

3. 检查是否满足构建APP的条件

> cordova requirements

4. 编译工程

> cordova build android

更改文件配置

找到apk文件位置，放到模拟器或者手机中运行，但是android9及以上版本的手机需要更改配置**

1.打开cordova项目的下路径：D:\My_lessons\ShanXi_training\outbreak_cordova\platforms\android\app\src\main

android:networkSecurityConfig="@xml/network_security_config"

2.打开路径：D:\My_lessons\ShanXi_training\outbreak_cordova\platforms\android\app\src\main\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

4.根据打包后的路径提示找到apk文件，放到手机（模拟器，AVD）中进行测试

cordova打包app环境搭建