导语
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