cordova打包app环境搭建
所需环境
- 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）中进行测试