cordova入门

2019-03-22  本文已影响0人  刹那真实
认识cordova

什么是cordova?
作为Java开发者,我们很少或没有接触过手机应用开发,往往对怎么做出来一个app感觉很神奇。但其实,即使不懂原生的手机平台对接,开发一个app也绝非不可能。掌握html、javascript、css基础,在cordova的帮助下就可以完成一个app的开发。


cordova官网首页

根据官网的简介,我们可以得知:

  1. cordova使用html、css和js开发手机应用。
  2. cordova支持一套代码,多个平台。
  3. 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
上一篇下一篇

猜你喜欢

热点阅读