Cordova

Cordova:移动开发框架 官方网址

Cordova与PhoneGap有什么关系?

PhoneGap 官方网址

08年一次ios开发者大会上来自Nitobi软件公司的几个家伙突发奇想,提出一个想法,想做一个工具来弥补web和ios开发之间的不足,并提出 Bridging the gap between the web and the iPhone sdk。
09年他们推出android adk和blackberry sdk,成了移动开发者的福音,就连ibm也加入进来。phonegap继续成长,在2011年10月,整个Nitobi团队被adobe收购,PhoneGap的项目主管Brian LeRoux指出开源PhoneGap的决定在Adobe收购Nitobi之前就做出了,由于Adobe现在拥有PhoneGap商标,他们不得不换个名字,第一个选中的名字是Callback,毫无创意,因此再改一次,产品现在叫Apache Cordova。随后adobe把 phonegap送给了apache软件基金会,接着apache把phonegap改名为cordova,cordova是Nitobi团队当时坐落的街道名称,用此名来纪念Nitobi团队的贡献。
所以Apache Cordova是从PhoneGap中抽出的核心代码,是驱动PhoneGap的核心引擎,你看着两个官网风格多差不多。

mark 若不想看文字,可以看视频

环境搭建

一. java环境 看这个就行
二. 安装Cordova(Windows环境下)
安装Cordova必要
① 安装NodeJS 安装完后您应该能在命令行上调用 node 和 npm 。 如果需要,您可能会下载使用工具如 nvm 或 nave 來管理您的 Node.js 安裝
② 下载并安裝一個git 用戶端,如果你已經沒有之一。 安裝完成後,您应该能用 git命令行
③ 由于安装Cordova很慢,所以需要用淘宝镜像来安装 只要在命令行输入

npm install -g cnpm --registry=https://registry.npm.taobao.org

即可 之后就可以用cnpm来代替npm命令行
安装Cordova 输入命令 等待安装完成

cnpm install -g cordova

创建一个新项目

使用cd命令跳转至想要创建项目的目录 然后在输入命令(myapp :项目根目录名称,com.zyj.myapp:项目包名,我的应用:App名)

cordova create myapp com.zyj.myapp 我的应用

创建成功后使用cd命令进入hello文件夹(cd myapp) 然后你可以使用一下命令添加相应的平台(一般只要添加android 和 ios 就行)

cordova platform add ios
cordova platform add amazon-fireos
cordova platform add android
cordova platform add blackberry10
cordova platform add firefoxos

当然你也可以添加指定版本的平台(以添加安卓6.0.0版本为例,如下)

cordova platform add [email protected]

之后你可以输入cordova platforms ls(注意 platform 和 platforms 命令是同义语)命令查看已经添加的平台以及版本
添加平台之后也可以删除(remove==rm)

cordova platform remove blackberry10
cordova platform rm ios
cordova platform rm android

运行/编译项目

创建项目完成之后就可以运行/编译项目了,在这之前我们还需要下载我们要运行/编译每个平台的SDK,由于编译iOS需要在Mac环境下,所以以下以Android环境为例
一. 下载安卓SDK,下面列出几个可以快速下载安卓SDK的网址

http://tools.android-studio.org/index.php/sdk
http://www.cnblogs.com/bjzhanghao/archive/2012/11/14/android-platform-sdk-download-mirror.html

二. 下载完安卓SDK之后需要配置安卓环境(我的SDK路径为D:\android-sdk-windows)
① 打开我的电脑--属性--高级系统设置--环境变量
② 新建系统变量ANDROID_HOME,变量名:ANDROID_HOME,变量值:D:\android-sdk-windows
③ 选择“系统变量”中变量名为“Path”的环境变量,编辑该变量,在原来变量后追加%ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools(注意:需要英文分号结尾,若在最后面加,则需要在这句话最前面加一个分号)
④ 测试环境变量是否配置成功。在命令行窗口输入“adb”,输出帮助信息即为配置正确
⑤ 配置完之后我们需要启动在SDK目录下的Andorid SDK Manager来更新我们的SDK,以及下载一些编译需要的工具
⑥ 直接下载会很慢,甚至会失败,所以需要用代理下载才行,操作步骤看这里,其中的一些镜像服务地址可能失效,我用的是服务地址:mirrors.neusoft.edu.cn 端口:80
⑦ 需要下载/更新的如下图,红色箭头表示必须下载,蓝色箭头表示可选下载,安卓每个版本可以按照自己的需要下载,我这里下载了Android7.1.1和Android7.0

Cordova_第1张图片
Android SDK install.png

之后可以等待下载/更新完成,也可以继续进行下一步操作
三. 下载运行/编译所需的jar包
① 在这里提醒一下:若在安装安卓SDK之前添加了android平台,最好先删除 在安装安卓SDK并且配好环境变量之后再添加平台,下载所需jar包时会再命令行页面有进度条显示
② 再添加android平台时,这次会下载所需jar包才能成功,而下载的文件都会在C:\Users\Administrator.gradle目录下(注意:可能会很慢,若你中断了也没事,删除.gradle目录下所有文件,然后继续执行添加平台命令即可),出现如下命令就表示成功了
Cordova_第2张图片
add platform.png

③ 最后按一下命令可以运行/编译了

1.cordova build:编译项目添加的所有平台(若没对应的sdk会编译失败)
2.cordova build android:编译项目添加的指定平台(会生成apk)
3.cordova run android:可以直接运行在连接电脑的android手机上

更多命令请查看官网文档

Loading... 完善中

最后:本文尚未完善,如有问题,请评论或私信(在下也只操作过一次,有不对的地方请见谅)

你可能感兴趣的:(Cordova)