cordova安装android平台,Android集成Cordova

导语

Apache Cordova是一个开源的移动开发框架。允许你用标准的web技术-HTML5,CSS3和JavaScript做跨平台开发。 应用在每个平台的具体执行被封装了起来，并依靠符合标准的API绑定去访问每个设备的功能，比如说：传感器、数据、网络状态等。

使用Apache Cordova的人群:

移动应用开发者，想扩展一个应用的使用平台，而不通过每个平台的语言和工具集重新实现。

web开发者，想包装部署自己的web App将其分发到各个应用商店门户。

移动应用开发者，有兴趣混合原生应用组建和一个WebView(一个特别的浏览器窗口) 可以接触设备A级PI，或者你想开发一个原生和WebView组件之间的插件接口。

一、安装Cordova环境

1.下载安装Node.js node.js下载地址，这样就可以使用npm命令。

2.在终端中使用以下命令安装cordova。

sudo npm install -g cordova

其中g表示全局安装。

3.安装完成后运行一下命令查看cordova版本，若出现版本号则说明安装成功，我目前的版本号是8.0.0。

cordova -v

二、创建第一个Cordova工程，添加Android平台并运行

1.在创建第一个cordova工程。选择一个目录例如桌面cd desktop，运行以下命令创建一个cordova工程。

cordova create HelloCordova com.xxx

其中HelloCordova是项目名称，com.xxx是包名。

2.运行之后会生成一个空项目，目录如下：

image.png

3.进入工程根目录下，添加平台

Android：cordova platform add android

iOS：cordova platform add ios

添加完成之后会发现在platforms文件夹下生成了一个Android项目：

image.png

本文章主要介绍Android平台，如不需要iOS平台则可以不添加iOS。

4.在编译项目之前应该先检测编译环境是否满足，在cordova项目根目录下运行如下命令：

cordova requirements

运行后若环境满足则会打印如下信息：

image.png

若不满足则会提示缺少SDK配置或者jdk配置。

5.直接编译运行：

cordova build

注意：若使用cordova build则会编译所有平台，例如Android和iOS以及其他平台会同时被编译，若只想编译其中一个平台则运行cordova build android，加上平台后缀即可，单独编译iOS则cordova build ios

编译Android项目时用到gradle编译命令，所以运行前请保证环境变量已经配置完毕。

编译后将生成一个apk，可直接传到手机上运行：

image.png

运行截图：

image.png

这样第一个Android的Cordova项目就运行起来了。

6.用Android Studio打开该项目跟打开普通Android项目一样的：

image.png

三、Cordova插件调用

cordova官网提供了很多原生插件以供开发者使用，具体插件命令和作用可以查看这两篇文章：

1.在cordova工程根目录或者Android目录下运行一下命令

cordova plugin add cordova-plugin-camera

其中cordova plugin add 为添加插件操作，cordova-plugin-camera为插件名称。

卸载插件命令为：

cordova plugin remove cordova-plugin-camera

等待控制台打印

image.png

这样一个相机插件就添加完成了，查看文件目录可以发现添加该插件的同时都添加了哪些代码文件：

image.png