Cordova框架试用

认识Cordova

本章将介绍一款开发者使用HTML5,Javascript和CSS等Web技术,开发手机平板电脑等运行App框架:PhoneGap/ Cordova,及及创建运行App操作界面外观的JQuery Mobile框架。前者付费后者免费

手机网页与手机App的不同

其实Cordova¹就是由一个Web浏览器核心，加上插件所组成的框架。这就是为什么我们可以用网页技术创建App ——因为每个Cordova App就相当于一个定制的Web浏览器。

Cordova的环境配置

博主曾在windows 7环境与Xubuntu20.04环境成功配置了Cordova Android手机App编译环境，现就配置体会与过程记录如下：开发Android App需要安装软件如下：

Java软件开发包（JDK）;
Node.js(及内置npm);
Apache Ant;
Android 的软件开发工具（SDK）;
Cordova命令行工具。

Node.js的安装参照试玉，其余软件的安装说明见下。

下载与安装JDK

Xubuntu JDK 安装²

sudo apt-get install openjdk-8-jdk

java -version

Windows 7 安装需要在Oracle 官网下载相应软体³

下载设置Android SDK

Android开发者网页提供的标准开发工具叫作Android Studio(注：博主刚参加工作时对Visual Studio一往情深)

Xubuntu下安装Android SDK ⁴
Win7下安装Android SDK³
为了更敏捷的学习只安装需要的SDK工具并附软体下载地址⁵(注：对于windows用户，建议下载.exe格式安装程序，可免除后续一些设置)

默认安装路径： C:\Users\用户名\AppData\Local\Android\android-sdk

建议改为成其他路径，方便日后系统参数设置操作
C:\Users\用户名\Android\Android-sdk

利用SDK Manager下载其他必要的库。
维持默认选取Tools里的三个工具，以及Extra里的两个选项：Android Support Library 以及Google USB Driver(驱动 Linux下可不选)。单击（安装）进行安装。
环境变量设置
在 .bashrc文件或PATH变量中添加ANDROID_HOME，值设置成安装路径。接着再添加两项路径设置如下:(注：ANDROID_HOME可自定义 ANDROID_SDK_ROOT亦可)

%ANDROID_HOME%\tools

%ANDROID_HOME%\plarform-tools

安装Cordova工具和Ant

Cordova工具通过npm安装。⁶(注：尽量选取稍旧版本安装，如果对自己的电脑和操作系统很自信可选最新版安装)

npm update -g cordova (升级已安装软体为最新)

npm uninstall -g cordova (卸载当前软体)

npm install -g cordova@*.0.0 (安装*.0.0版本软体)

安装Ant

Ubuntu安装⁷

使用Cordova创建手机App

Cordova工具可帮助创建一个基本App。在创建之前，需要先添加一个保存App的文件建夹。（ordova）

$cordova create cordova 该目录下包含：config.xml、package.json两个文件和一个www目录。

添加Android平台

cd cordova

cordova platform add android

增加了node_modules和platforms、plugins三个目录

编译Android App与安装SDK平台

$cordova build android

编译过程中可能提示缺少相应的android开发工具，使用sdkmanager安装相应的Android系统平台文件（如：android-22等）SDK下载完毕后，再次运行“cordova build android”命令就编译成功了。

启用Android手机的USB Debug功能

Cordova项目创建完成后，可直接上传到android手机测试。步骤如下：

在相应的Android手机设置项的“开发者选项”设置勾选“USB调试” 选项。
将手机通过USB线连接到电脑，然后在命令提示符输入如下命令，列举目前连接道电脑上的Android设备。初次连接，系统可能会提示“未授权”

$adb devices

adb⁸就是android设备调试器。

若系统回应unauthorized,请进入设置项“开发者选项”，按一下“撤回USB除错授权”选项。
运行如下两个命令，重新启动adb服务器。

$adb kill-server

$adb start-server

此时手机将出现询问连接。
单击确定后，再次运行如下命令，手机与电脑将连接成功。

adb devices

将App部署到目前连接的手机上测试

cordova run android --device

一个实例

手机APP 控制aruino uno 点亮熄灭led灯通过电脑USB配对蓝牙⁹或者通过arduino配置蓝牙¹⁰(注：具体参数依据个人)