初识Cordova

一.根据官方创建模板工程
1.环境搭建

cordova的安装:
a.安装cordova需要先安装node.js。
安装命令：

brew install node

b.安装cordova命令：

sudo npm install–g cordova

2创建模板
创建一个叫CordovaDemo的iOS工程 命令：

cordova create cordovaDemo com.example.cordovaDemo CordovaDemo

参数说明
cordovaDemo： 项目文件夹
com.example.cordovaDemo：参数可选 App ID 如果不填写这个参数，第三个参数就要省略，默认值是io.cordova.hellocordova，但建议你填写一个适当的值。
CordovaDemo：应用程序项目名。

以上就可以直接创建cordova模板工程。

3.添加平台

cordova platform add ios

二.在环境搭建完的条件下，在原有工程中加入cordova。

1.创建项目为Demo，目录结构如下:

2.拷贝Cordova相关文件（CordovaLib、platform、www、cordova）到Demo目录下，拷贝后目录结构如下

3.将CordovaLib.xcodeproj添加到Demo工程中，右键选择Add Files To Demo

4.添加www目录到工程中，记得是勾选Create folder references，非常重要，不是创建文件夹，否则项目运行时会找不到www/index.html文件
类似下图中的folders勾选地方，不是第一个框。

5.按步骤三从cordova模板目录下添加config.xml到工程中，目录结构如下

6.选择工程的Build Settings->Other Links, 设置-Objc -all_load

7.选择Build Phases->New Run Script Phase，将新增New Run Script Phase命名为copy www directory

8.Build Phases->Target Dependencies添加CordovaLib

9.Link Binary With Librarys添加libCordova.a, MobileCoreServices,AssetsLibrary

以上转自：http://www.2cto.com/kf/201502/376971.html

三.使用pod管理Cordova
新建一个空的项目，暂且名目为CordovaPodDemo，创建PodFile文件，然后进行pod install。

target ‘CordovaPodDemo’ doplatform :ios, “8.0”    pod 'Cordova'end

如果需要引入一些相关的插件，可以加入如下配置，下面的这些插件可以通过pod搜索到：

pod 'CordovaPlugin-console'    pod 'cordova-plugin-camera'    pod 'cordova-plugin-contacts'    pod 'cordova-plugin-device'    pod 'cordova-plugin-device-orientation'    pod 'cordova-plugin-device-motion'    pod 'cordova-plugin-globalization'    pod 'cordova-plugin-geolocation'    pod 'cordova-plugin-file'    pod 'cordova-plugin-media-capture'    pod 'cordova-plugin-network-information'    pod 'cordova-plugin-splashscreen'    pod 'cordova-plugin-inappbrowser'    pod 'cordova-plugin-file-transfer'    pod 'cordova-plugin-statusbar'    pod 'cordova-plugin-vibration'

然后将www文件夹和config.xml文件按照步骤二中的方法引入。

注意要将config.xml中的widget id=”com.xxx.CordovaPodDemo”改成自己的项目id。

上面的插件对应着架构图中右边的Plugins，具体的使用方式参考官方的示例。

四、官方插件列表
http://cordova.apache.org/plugins/?platforms=cordova-ios%2Ccordova-android

学习博客：

Cordova官方文档
http://cordova.apache.org/docs/en/latest/guide/overview/

使用Cordova进行iOS开发 (环境配置及基本用法)
http://www.jianshu.com/p/d24219c008b6

Cordoval在iOS中的运用整理
http://www.cnblogs.com/wujy/p/5646341.html