美文网首页
cordova入门

cordova入门

作者: 刹那真实 | 来源:发表于2019-03-22 20:46 被阅读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

相关文章

  • webApp的开发

    入门 cordova入门——cordova环境配置(一) Cordova环境安装设置

  • Android Studio Cordova 详细教程(相机 纯

    一。 首先安装Cordova 打开Cordova官网 http://cordova.axuer.com 点击入门...

  • cordova使用入门教程

    cordova使用入门教程

  • cordova使用

    cordova入门教程(一)

  • Cordova入门系列(四)自定义Cordova插件--show

    前三篇Cordova入门系列,简单讲解了Cordova,以及如何调用Cordova插件,今天我们讲解一下如何自己做...

  • Cordova+Vue实现App开发

    入门级 https://www.w3cschool.cn/cordova/ 一、安装cordova 并创建好一个项...

  • Cordova入门

    Cordova是什么? 特性 简单点理解,Cordova是一个工具,通过它可以将你做的html网页显示在WebVi...

  • Cordova 入门

    一、简介 Cordova是一个开源框架,它为开发跨移动平台的应用提供了一种解决方案。基于该框架,开发者可以使用网页...

  • cordova 入门

    现在做项目为了节约成功,适配多平台 cordova不为是一个很好的选择。个人觉得以后也许是一个趋势!像一些知名的...

  • Cordova入门

      由于公司业务发展需求,最近都在研究混合式开发APP,项目采用的Apache的Cordova框架,这篇文章就是所...

网友评论

      本文标题:cordova入门

      本文链接:https://www.haomeiwen.com/subject/rmfimqtx.html