Android Studio、Cordova安装、JDK、SDK环境配置，打包APP等

JDK环境搭建

1.下载JDK1.8，网址如下，下载对应电脑版本的JDK。

https://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html

2.下载完成后，安装.exe文件，直接下一步即可，默认路径C:\Program Files\Java\jdk1.8.0_11即可。
3.环境变量的配置，右击"电脑"->“属性”->""->“高级系统变量”->“环境变量”->“系统变量”。

4.在系统变量新建一个系统变量JAVA_HOME,变量值为jdk的安装路径。
5.在系统变量中点击Path，新建环境变量。
%JAVA_HOME%\bin
%JAVA_HOME%\jre\bin

6.在系统变量新建一个系统变量CLASSPATH,变量值是.;%JAVA_HOME%\lib;%JAVA_HOME%\lib\tools.jar。
7.此时已经配置好JDK环境变量，打开cmd,输入java -version。
出现版本号，配置成功。

Cordova的安装

npm install -g cordova

通过cordova -v查看是否安装成功。

SDK的环境配置

SDK下载网址，建议下载zip压缩包。

https://www.androiddevtools.cn/

1.下载完成后和JDK同理，在系统环境变量中配置变量名ANDROID_HOME，变量值为SDK的安装路径。

2.在系统变量中点击Path，新建环境变量。追加%ANDROID_HOME%\platform-tools;%ANDROID_HOME%\tools。(环境变量在一行显示时，添加分号，用分号隔开，分开显示时，如下图所示)。

3.在cmd中输入adb查看是否配置成功，配置成功截图如下(部分截图)。

Gradle

安装成功Gradle，配置系统环境变量中新增GRADLE_HOME,变量值为gradle的安装路径。在系统环境变量的path中添加%GRADLE_HOME%\bin。

打包app为apk

1.在文件夹下执行命令，创建cordova项目hello。

$ cordova create hello com.example.hello HelloWorld

如果创建项目失败报错如下图，按路径找到Cordova的node_modules删除后重新yarn install获取⼀下依赖。之后重复第一步。

2.进入hello文件夹，执行命令给你的App添加目标平台。

$ cordova platform add android --save

3.打开app项目，在src同级目录下，新建vue.config.js,内容为如下。

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

4.将router中的index.js中的mode: 'history'注释,保存好，然后在控制台执行命令npm run build。会出现dist文件夹，里面有一个index.html，在浏览器打开可以查看页面即可。

5.复制dist文件夹，将里面的内容放到刚刚新建的hello文件夹中的WWW目录下。


6.监测平台状态，平台没有问题，开始构建APP。

监测平台状态

$ cordova platform ls

构建APP

$ cordova build android

构建完成后按照路径找到打包成功的app-debug.apk，将这个apk运行在安卓手机上，或者直接拖在夜神模拟器或者其他模拟器中。



此时点击MyEJ，就可以使用了。

安卓9.0以上需配置以下信息

1.首先打开如上图路径，在AndroidMainfest.xml中配置android:networkSecurityConfig="@xml/network_security_config"。

2.打开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以上版本中使用。

vue、axios、element admin技术栈等打包方法

1.更改env.production。

2.更改vue.config.js，将下图框起来的地方更改。

3.将main.js中的框内内容注释。

4.执行npm run build:prod,（看package.json中如果是build则使用npm run build）将打包成功的dist放在服务器的var/www/html/目录下即可输入网址访问。

夜神模拟器的使用（可不看）

安装成功后，打开夜神模拟器，使用方法：

adb devices 查看设备
adb connect 127.0.0.1:62001 连接到夜神模拟器

Android Studio下载

android studio下载地址如下，下载对应电脑的版本。

https://developer.android.google.cn/studio/

http://www.android-studio.org/