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

你可能感兴趣的:(cordova安装android平台,Android集成Cordova)