一.根据官方创建模板工程
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’ do
platform :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