Cordova的环境配置

Posted 2021-03-20 bloglixin

本文已发布在西瓜君的个人博客,原文传送门

前言

西瓜君目前公司的App项目是采用用H5来写，再使用Cordova来打包；之前我有完整的配置了cordova的环境，但是因为一些原因重装了系统，现在需要重新装环境，那就让我们再一起学习一下cordova环境的配置吧~~

1. 安装cordova命令

Tips:安卓平台最低要求的jdk版本是1.8

Cordova命令行工具作为npm包分发。需要先安装Node.js,node.js默认安装了npm命令，无需再重复安装。

npm install -g cordova

使用上面的命令安装cordova命令，-g标志是告诉 npm 全局安装 cordova。否则将会安装在当前工作目录的 node_modules子目录。
安装完成后，能够在命令行中运行cordova命令。

如果你需要安装旧版本，可以执行下面的命令

npm install -g cordova@vx.x.x

vx.x.x是版本号

2. 创建App

进入你的项目目录，执行命令

cordova create hello com.example.hello HelloWorld

hello是你的项目名，自己更换；执行后会创建一个名为hello的目录，项目的主页是www/index.html文件

3. 添加平台

现在我们需要进入到项目的根目录

cd hello

给项目添加平台（ios/android）

cordova platform add ios --save
cordova platform add android --save

*由于我司现在只需要安卓的，所以这里我只安装安卓的平台。
同样，这里也可以在后面加上版本以安装你想要的版本

查看此项目当前的平台设置情况

cordova platform ls

到这一步，下面的就需要配置环境了，本文只提供android环境的配置

4. 安装jdk

Tips:安卓平台最低要求的jdk版本是1.8

jdk配置网上有很多文章有些，我就不赘述了，传送门jdk环境安装

5. 安装Android SDK Tools

我这里是用android-sdk-windows来进行安装与管理；附送下载链接;选择SDK Tools，下载解压到任意目录（要记住目录）

6. 安装Android 版本

进入SDK的解压目录下，双击“SDK Manager.exe”打开SDK管理器，就可以下载对应的android sdk版本了（需要查询你的项目安装的android平台版本需要那个版本的sdk）附送查询链接

7. 配置Android环境变量

1. 创建ANDROID_HOME，值是你的刚刚SDK的解压目录，比如 E:Androidandroid-sdk-windows
2. 找到Path变量，然后双击打开Path 变量，添加%ANDROID_HOME%platform-tools

8. 配置Gradle(一个构建工具)

*自cordova-android@4.0.0起,Cordova为Android项目使用 Gradle构建。
同样，gradle的配置不赘述了，传送门

Tips：配置完可能需要重启

9. 设置模拟器

环境配置完了就可以开始跑项目了，android可以配置模拟器用来跑程序。在这里我用的是第三方的“夜神模拟器”，传送门，安装好就可以使用了。

10. 打包App

接下来我们重新进入我们创建的cordova项目目录，（将你的H5项目代码放入到www目录下）执行命令

cordova build android

上面的命令用来打包，幸运的话你就可以在控制台看到你打包出来的app所在目录了，找到这个目录下的app，使用模拟器打开就可以安装并使用了

Tips：签名及详细的命令解释可以参考cordova中文官网

以上