美文网首页
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
    

    相关文章

      网友评论

          本文标题:cordova入门

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