App混合开发-二、cordova将网页打包Android

下面讲讲cordova打包App需要什么环境？

一、安装JDK

jdk下载链接：https://www.oracle.com/cn/java/technologies/javase/javase-jdk8-downloads.html  

选择1.8的版本下载，问我为什么用1.8？因为就这版本吊。

下载完成后，打开安装程序（我下载的是安装版，你们也可以下载压缩包版本）

 

 无脑下一步就好了。然后在cmd控制台中运行：Java -version 出现版本号，则说明成功了。（说明：我这下载的安装版，所以环境变量的话，在安装的过程会自动帮配置了的。）

 

 

二、安装Android SDK

1.首先安装Android Studio

下载链接：https://developer.android.google.cn/studio/

2.创建一个项目

安装成功之后，我们需要新建或打开一个项目才能进去，那我们直接新建一个项目

 

可以随便选择一个场景，然后点击“next”

 

这里是填写项目的一些基本信息，包括项目名字、包名路径等。其中“language”那个选项是可以切换开发语言的，现在谷歌支持的是“kotlin”语言，当然，Java也还是支持的。

还有就是可以选择Android 系统的版本，目前一般是基于Android7.1.1。

然后点击“finish”，完成进去即可。

3.安装Android SDK

进入进入项目后，我们点击下图中的那个带下载箭头的按钮：

 

 

 

就会弹出SDK的下载窗口，选择Android SDK的下载路径，最好是选择一个比较容易记住的，这个路径等下再配置环境变量中需要用到。

 

然后选择相应的SDK 版本进行下载。

下载完成之后，先别关闭，还有东西需要下载。切换SDK Took 选项，下载一些工具。

 

 

 

 

 4.配置环境变量

等待安装完成之后，那我们开始配置环境变量。找到刚刚安装SDK的路径，不记得的可以重新打开上面的弹窗自行查看。

 

 

 

复制地址之后，我们打开系统的环境变量配置列表。

点击“新建”按钮，创建变量名为：“ANDROID_HOME”，变量值为刚刚SDK安装的路径。

 

 

点击确定后，我们可以看到刚刚创建的变量在系统中存在了

 

 

 接下来，点击列表中的“path”，新建 %ANDROID_HOME%\tools,和%ANDROID_HOME%\tools变量

 

 

 

 

 5.测试是否安装完成

在cmd控制台中输入“Android”命令，弹出以下内容，则说明Android SDK配置成功了。

三、安装cordova

cordova的安装需要用到nodeJS环境，nodeJS环境的安装就不在这篇中讲了，“nodeJS安装教程”

然后我们利用npm命令来安装一下cordova

打开cmd控制台：输入：npm  install -g cordova 进行全局安装。

 

等待安装完成后，运行 cordova -v 命令，看到版本号，就是安装成功了。