Cordova系列(一)

1.安装

这里推荐用npm安装cordova，至于npm的安装，网上有不少的。打开命令行，输入

npm install -g cordova

这里就安装了好了最新版的cordova，虽然绝大多数会成功，但预防下不成功的状况，推荐搜索npm镜像，利用镜像安装。

cordova是利用ant打包的，因此你必需要安装ant而且配置安装环境。

若是你想打包android项目，本地须要有一份android的SDK，而且配置好环境变量，固然cordova提供了远程下载androidSDK的方式(呵呵，我没用过)。

2.使用

1.建立项目

命令行进入工做空间，输入

cordova create hello com.test.hello "Hello"

这里第一个参数会建立一个项目文件夹，第二个是包名，第三个参数，是项目的名字。如今cordova会生成相应的目录，如今进入hello里能够看到

这里说明一下，www这个文件夹存放各个平台共同所需的文件，

merges下能够创建各个平台的文件夹 如创建android文件夹，能够再其中存放android平台所必须的文件，

plugins存放的是插件，platforms里面是各个平台具体的项目，但如今什么都没有，由于咱们还没添加平台。

2.添加插件

进入hello目录，输入命令

cordova plugin add org.apache.cordova.battery-status

这里例子是添加了电池状态插件，相应的插件你能够在 这里 查看。当添加插件成功的时候，你能够到plugins里看到相关的文件夹，固然这样添加插件的方式都是官方插。

cordova plugin ls

这条指令能够在命令行查看添加的插件

(2014-04-23 14:00:14 尽可能把全部的插件都添加进去吧，由于保不许就要了，rebuild太烦了)

3.添加平台

输入命令

cordova platform add android

这里就添加了android平台，cordova会寻找www下面的文件，merges下的 android文件夹下的文件，再加上plugins，共同生成android项目。以下图所示

若是以前你有在www文件夹以及merges文件夹下新建的android文件夹里添加内容，那么你在assets的www里会发现多了相应的文件。

这里讲一下assets里的www文件夹下的cordova_plugins.js文件，你会发如今index.js并无引用这个文件，可是在运行时却可使用，实际上cordova采用了模块化加载的东东，运行时，cordova会自动寻找插件，把它们一一添加进来，若是了解了cordova插件的加载机制对编写第三方插件颇有帮助的。

4.build

输入指令

cordova build android

ant会自动build项目，而后就能够快乐的用Eclipse加载这个项目了，可能会再加载另外一个叫**cordovaLib的项目。若是提示缺失***cordovaLib之类的，就把加载的第二个项目引用下，或者把它给导成jar文件。

固然，你能够在虚拟机下查看，输入指令

cordova emulate android

或者直接在网页里查看，查看时会弹出窗口，一概选否，这是由于加载了cordova.js缘由，你能够选择在index隐掉，也能够选否，而后禁用，这样就能够不用烦了。

cordova serve 

请注意你的代码须要存放在platforms的外部，由于cordova会从外部的www以及merges里取相应的文件，从新编译，若是你是写在platforms里的android中，cordova会覆盖掉你写的，我的亲身经历，写了好多代码，结果一下被覆盖了，幸好在执行命令前，感受会出事，就备份了下。万幸啊

这里就教导咱们把代码写在最外面的www里，不要写在platforms下面，虽然我一直是写在platforms下面，不过执行了这个指令后把我吓到了，既然是错误那就要改正。

5.经验

多看官方网站cordvoa或者phonegap
指令部分，我列举的只是部分，更多你能够查看官方文档。

至于为何两个网站，这是由于cordova的原名是phonegap，这是一段历史，有兴趣的能够谷歌。

第三方插件，官网有简单教程，但感受不足，最好看一个官方实现，这样你就能够仿写了，若是你实在不懂，那就处处找吧，插件要求要懂各个平台的编程的。

还有各个平台的开发最好知道点，不要觉得cordova是万能的，它只是给你跨平台的能力，若是你对什么都一无所知，极可能会碰一鼻子灰。

cordova没什么困难的，就是一些配置，真正难的仍是如何编写适应各类手机的代码，以及学习各个平台开发的技术。

 

 

 

http://cordova.apache.org/http://cordova.apache.org/