浅谈Cordova优缺点与环境部署

简介Cordova是一个用基于HTML、CSS和JavaScript的，用于创建跨平台移动应用程序的快速开发平台。它使开发者能够利用iPhone、Android、Palm、Symbian、WP7、Bada和Blackberry等智能手机的核心功能——包括地理定位、加速器、联系人、声音和振动等，此外Cordova拥有丰富的插件，可以调用。优缺点时下流行的移动Web应用可分为三种：原生应用、Web应用和混合型应用。原生应用：通过各种应用市场安装，采用平台特定语言开发。Web应用：通过浏览器访问，采用Web技术开发。混合型应用：通过各种应用市场安装，但采用Web技术开发。它虽然看上去是一个原生应用，但里面访问的实际上是一个Web应用。原生应用的优势：提供最佳的用户体验、最优质的用户界面和最华丽的交互；针对不同平台提供不同体验；可节省带宽成本；可访问本地资源；盈利模式明朗。原生应用的劣势：移植到不同平台上比较麻烦；维护多个版本的成本比较高；需要通过store或market确认；盈利需要与第三方分成。Web应用的优势如下：开发成本低；适配多种移动设备的成本低；跨平台和终端；迭代更新容易；无需安装成本。Web应用的劣势如下：浏览体验短期内还无法超越原生应用；不支持离线模式（HTML5将会解决这个问题）；消息推送不够及时；调用本地文件系统的能力弱。混合型应用可以说是为了弥补上面两种应用开发模式的缺陷而生，它是两者混合的产物，并且尽可能继承了双方的优势：首先，它可以让众多Web开发人员几乎零成本地转型成移动应用开发者。其次，相同的代码只需针对不同平台进行编译就能实现在多平台的分发，大大提高了多平台开发的效率。而相较于Web应用，开发者可以通过包装好的接口调用大部分常用的系统API。作为本文所讲的Cordova，Cordova正是混合型框架中的佼佼者，它基于标准的Web技术——HTML、JavaScript和CSS，用JavaScript包装平台的API供开发者调用，具备强大的编译工具来为不同平台生成应用，同时拥有丰富的第三方资源和产业链。PhoneGap在Web应用和设备之间搭建了一个通信的桥梁，封装了移动设备的平台差异，统一使用JavaScript接口访问设备本地API，以此提供了一个优秀的跨平台解决方案。相信大家都对移动应用开发的框架使用已经有大概了解。接下来就讲述Cordova的环境部署。用命令行的方式来部署Cordova：1.安装nodejs下载：安装完毕后需要重启。2.安装cordova打开cmd命令行，执行：npminstall-gcordova安装约10分钟。3.安装ant下载ant包，解压到一个文件夹，如：E:\NodeJs\apache-ant-1.9.6Ant官网：配置环境变量：配置环境变量.(如果不清楚环境变量配置的话，可以查找相关资料，这里不做具体介绍。)window中设置ant环境变量：（以笔者为例）ANT_HOME：E:\NodeJs\apache-ant-1.9.6Path：E:\NodeJs\apache-ant-1.9.6\binClasspath：E:\NodeJs\apache-ant-1.9.6\lib配置该路径到环境变量中，此时若androidsdk未配置环境变量的，一并配置。以防后面报错。Window中设置androidSDK环境变量：ANDROID_SDK_HOME：E:\AndroidSDKPATH：%ANDROID_HOME%\tools;验证：android–hWindow中设置androidSDK环境变量：ANDROID_HOME：E:\AndroidSDKPATH：;%ANDROID_SDK_HOME%\platform-tools;%ANDROID_SDK_HOME%\tools;验证：adb4.创建一个cordova工程cordovacreatehellocom.shj.helloworldhelloapp其中，第一个hello是文件夹的名称；om.shj.helloworld是appid，第二个helloapp是工程的名称，也是应用的名称。提示下载库，请等待。下载完成。5.进入工程文件夹cdhello6.添加平台支持有多种平台可选.命令如下：$cordovaplatformaddios$cordovaplatformaddamazon-fireos$cordovaplatformaddandroid$cordovaplatformaddblackberry10$cordovaplatformaddfirefoxos$cordovaplatformaddwp7$cordovaplatformaddwp8$cordovaplatformaddwindows8此处选择cordovaplatformaddandroid在工程文件夹下输入该命令：项目创建完毕。7.添加插件支持主要为系统硬件访问的插件，常见如照相机、媒体访问、设备访问、加速设备、定位设备等。可以动态的按需求去添加，譬如按以下方式添加,，更多插件请去cordova官网查看。基本设备资讯（设备API）：$cordovapluginaddorg.apache.cordova.device网路连接和电池事件：$cordovapluginaddorg.apache.cordova.network-information$cordovapluginaddorg.apache.cordova.battery-status相机、媒体重播和捕获：$cordovapluginaddorg.apache.cordova.camera$cordovapluginaddorg.apache.cordova.media-capture$cordovapluginaddorg.apache.cordova.media访问设备或网路（档API）上的档：$cordovapluginaddorg.apache.cordova.file$cordovapluginaddorg.apache.cordova.file-transfer8.构建应用cordovabuild若上图出现此命令需更新ant版本上图出现该提示，BUILD成功。即将hello/下的内容，构建到添加的各平台内。如android平台，会构建到此目录：hello\platforms\android\assets\。eg:android将主目录下文件导入android和IOS相关目录下进入目录：cordovabuildandroid遇到两个问题：1.需要下载gradle-2.2.1-all；放入到C:\Users\zhangxy02\.gradle\wrapper\dists\gradle-2.2.1-all\2m8005s69iu8v0oiejfej094b目录下面；9.测试应用A)在模拟器上安装测试应用如android平台，应先将android模拟器启动并打开。cordovaemulateandroidB)使用真机测试（推荐）可使用如下命令：cordovarunandroidC)在浏览器中运行cordovaserveandroidD)使用RippleEmulator调试npminstall-gripple-emulatorrippleemulate打包为发布的应用打包android应用：借助eclipse来完成。打开安装配置好adt插件的eclipse，使用向导导入一个android项目的方式，选择当前工程文件夹，此时会显示导入两个项目，导入即可。项目成功导进来了。接下来就可以把网页直接放到项目里面了。先看PC直接打开网页的效果。这是未修改配置的启动界面。也就是刚刚PC端打开的网页。网页就存在android项目asset目录下面。引用路径如上图所示file:///android_asset/通过360手机助手查看手机界面，可以看到刚刚的界面已经成功引导进去了。在此Cordova的环境部署已经大功告成了。Web开发人员可以很轻易的开发移动应用了。更多详细的插件请查看官网，在此不一一细说了。