cordova入门
认识cordova
什么是cordova?
作为Java开发者,我们很少或没有接触过手机应用开发,往往对怎么做出来一个app感觉很神奇。但其实,即使不懂原生的手机平台对接,开发一个app也绝非不可能。掌握html、javascript、css基础,在cordova的帮助下就可以完成一个app的开发。
cordova官网首页
根据官网的简介,我们可以得知:
- cordova使用html、css和js开发手机应用。
- cordova支持一套代码,多个平台。
- cordova是免费、开源的。
从以上架构图可以看出,cordova封装了一系列插件,用来对接手机操作系统。我们开发应用时,无需担心对接android或ios平台的差异性,cordova为我们屏蔽了这些差异,使用插件的方式对外暴露了js接口,我们直接调用js 的API即可实现和手机系统的对接,例如调用相机、选择照片、地图定位等。
cordova安装
安装cordova需要nodejs和npm环境,安装nodejs和npm后。在命令行输入下面的命令,将会全局安装cordova。
npm install -g cordova
cordova创建项目
以下命令就创建了一个名为:cordova_test的项目,该项目的包名为com.cordova.test。
cordova create cordova_demo com.lxj.cordova
创建出来的项目目录如下:
cordova项目目录结构
platforms:已安装的平台。
plugins:已安装的插件。
www:html、JavaScript、css等,是我们的工作目录。
config.xml:cordova项目的配置文件。
创建android平台
创建好了项目,我们接下来就应该创建平台了,为了查看我们这个cordova项目支持的平台信息,我们可以用这个命令:
cordova platform
cordova项目支持的平台
可以看到,我们可以创建android、browser、ios、osx、windows平台。
每创建一个平台,platforms下面就会多一个文件夹:
image.png
下面创建一个android平台。进入platforms路径,执行以下命令:
cordova platform add android
android平台代码目录
cordova插件
为了实现h5代码和各个平台的交互,cordova封装了诸多的插件库,例如相机、文件系统、电话等。
例如添加相机插件,命令如下:
cordova plugin add cordova-plugin-camera
具体的cordova插件api,可以查询cordova官网:https://cordova.apache.org/plugins/
cordova打包apk
android应用开发完成后,使用以下命令可以打包一个apk。
cordova build android --release