浅谈Cordova优缺点与环境部署_第1页
浅谈Cordova优缺点与环境部署_第2页
浅谈Cordova优缺点与环境部署_第3页
浅谈Cordova优缺点与环境部署_第4页
浅谈Cordova优缺点与环境部署_第5页
已阅读5页,还剩4页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

1、简介Cordova是一个用基于HTML、CSS和JavaScript的,用于创建跨平台移动应用程序的快速开发平台。它使开发者能够利用iPhone、Android、Palm、Symbian、WP7、Bada和Blackberry等智能手机的核心功能包括地理定位、加速器、联系人、声音和振动等,此外Cordova拥有丰富的插件,可以调用。优缺点时下流行的移动Web应用可分为三种:原生应用、Web应用和混合型应用。原生应用:通过各种应用市场安装,采用平台特定语言开发。Web应用:通过浏览器访问,采用Web技术开发。混合型应用:通过各种应用市场安装,但采用Web技术开发。它虽然看上去是一个原生应用,但里

2、面访问的实际上是一个Web应用。原生应用的优势:提供最佳的用户体验、最优质的用户界面和最华丽的交互;针对不同平台提供不同体验;可节省带宽成本;可访问本地资源;盈利模式明朗。原生应用的劣势:移植到不同平台上比较麻烦;维护多个版本的成本比较高;需要通过store或market确认;盈利需要与第三方分成。Web应用的优势如下:开发成本低;适配多种移动设备的成本低;跨平台和终端;迭代更新容易;无需安装成本。Web应用的劣势如下:浏览体验短期内还无法超越原生应用;不支持离线模式(HTML5将会解决这个问题);消息推送不够及时;调用本地文件系统的能力弱。混合型应用可以说是为了弥补上面两种应用开发模式的缺陷

3、而生,它是两者混合的产物,并且尽可能继承了双方的优势:首先,它可以让众多Web开发人员几乎零成本地转型成移动应用开发者。其次,相同的代码只需针对不同平台进行编译就能实现在多平台的分发,大大提高了多平台开发的效率。而相较于Web应用,开发者可以通过包装好的接口调用大部分常用的系统API。作为本文所讲的Cordova,Cordova正是混合型框架中的佼佼者,它基于标准的Web技术HTML、JavaScript和CSS,用JavaScript包装平台的API供开发者调用,具备强大的编译工具来为不同平台生成应用,同时拥有丰富的第三方资源和产业链。PhoneGap在Web应用和设备之间搭建了一个通信的桥

4、梁,封装了移动设备的平台差异,统一使用JavaScript接口访问设备本地API,以此提供了一个优秀的跨平台解决方案。相信大家都对移动应用开发的框架使用已经有大概了解。接下来就讲述Cordova的环境部署。用命令行的方式来部署Cordova:1.安装 nodejs下载:/download/.安装完毕后需要重启。2.安装 cordova打开cmd命令行,执行:npm install -g cordova安装约10分钟。3.安装 ant下载ant包,解压到一个文件夹,如:E:NodeJsapache-ant-1.9.6Ant官网:http:/ant.apache.o

5、rg/bindownload.cgi配置环境变量:配置环境变量.(如果不清楚环境变量配置的话,可以查找相关资料,这里不做具体介绍。)window中设置ant环境变量:(以笔者为例)ANT_HOME: E:NodeJsapache-ant-1.9.6Path: E:NodeJsapache-ant-1.9.6binClasspath: E:NodeJsapache-ant-1.9.6lib配置该路径到环境变量中,此时若android sdk未配置环境变量的,一并配置。以防后面报错。Window中设置androidSDK环境变量:ANDROID_SDK_HOME :E:AndroidSDKPATH

6、:%ANDROID_HOME%tools; 验证:android hWindow中设置androidSDK环境变量:ANDROID_HOME :E:AndroidSDKPATH:;%ANDROID_SDK_HOME%platform-tools;%ANDROID_SDK_HOME%tools;验证:adb4.创建一个 cordova 工程cordova create hello com.shj.helloworld helloapp其中,第一个 hello 是文件夹的名称;om.shj.helloworld 是app id,第二个 helloapp是工程的名称,也是应用的名称。提示下载库,请等

7、待。下载完成。5.进入工程文件夹cd hello6.添加平台支持有多种平台可选.命令如下:$ cordova platform add ios$ cordova platform add amazon-fireos$ cordova platform add android$ cordova platform add blackberry10$ cordova platform add firefoxos$ cordova platform add wp7$ cordova platform add wp8$ cordova platform add windows8此处选择cordova p

8、latform add android在工程文件夹下输入该命令:项目创建完毕。7.添加插件支持主要为系统硬件访问的插件,常见如照相机、媒体访问、设备访问、加速设备、定位设备等。可以动态的按需求去添加,譬如按以下方式添加,,更多插件请去cordova 官网查看。基本设备资讯 (设备 API):$ cordova plugin add org.apache.cordova.device网路连接和电池事件:$ cordova plugin add work-information$ cordova plugin add org.apache.cordova.battery-status相机、 媒体重

9、播和捕获:$ cordova plugin add org.apache.cordova.camera$ cordova plugin add org.apache.cordova.media-capture$ cordova plugin add org.apache.cordova.media访问设备或网路 (档 API) 上的档:$ cordova plugin add org.apache.cordova.file$ cordova plugin add org.apache.cordova.file-transfer8.构建应用cordova build若上图出现此命令需更新ant版

10、本上图出现该提示,BUILD成功。即将 hello/www 下的内容,构建到添加的各平台内。如 android 平台,会构建到此目录:helloplatformsandroidassetswww。eg:android 将主目录下文件导入 android 和 IOS 相关目录下进入目录: cordova build android 遇到两个问题:1.需要下载gradle-2.2.1-all; 放入到C:Userszhangxy02.gradlewrapperdistsgradle-2.2.1-all2m8005s69iu8v0oiejfej094b目录下面;9.测试应用A)在模拟器上安装测试应用

11、如android平台,应先将 android 模拟器启动并打开。cordova emulate androidB)使用真机测试(推荐)可使用如下命令:cordova run androidC)在浏览器中运行cordova serve androidD)使用 Ripple Emulator 调试npm install -g ripple-emulatorripple emulate打包为发布的应用打包android应用:借助 eclipse 来完成。打开安装配置好 adt 插件的 eclipse ,使用向导导入一个 android 项目的方式,选择当前工程文件夹,此时会显示导入两个项目,导入即可。项目成功导进来了。接下来就可以把网页直接放到项目里面了。先看PC直接打开网页的效果。这是未修改配置的启动界面。也就是刚刚

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论