使用Cordova进行ios开发和在原有的iOS项目中添加cordova的详细使用
使用Cordova进行ios开发和在原有的iOS项目中添加cordova的详细使用
＊使用Cordova进行ios开发
下面主要介绍一个开源的框架: Cordova，它的前身是PhoneGap，被Apache收购之后就改成Cordova了.
Cordova 是一个开源的移动开发框架。它可以让你使用标准的WEB技术比如HTML5,CSS3还有JavaScript来进行跨平台的开发，避开了每个移动平台的不同的开发语言。
1.首先安装好Node.js
2.打开终端输入如下命令
$ sudo nam install -g cordova
安装 cordova
- 然后就可以开始建立cordova项目了，如下：
$ cd Desktop/
$ cordova create Demo xidx Stevin_Y
上面第一个参数是project名，第二个是App id，第三个是文件夹名
建立完成之后我们可以加入iOS项目
$ cd Stevin_Y/ 注意是 cd 到项目的主目录demo,在没有文件夹的情况
$ cordova platform add ios
4.显示已经安装的平台项目以及可安装的平台
$ cordova platform ls
5.build iOS项目
$ cordova build ios
6 . 使用 Xcode 打开项目，并且运行,效果如下：
在原有的iOS项目中添加cordova
1: 进入到
“./platforms/ios”
路径
$ cd /Users/Mac/Desktop/Cordova/hello/platforms/ios2: “/Users/Mac/Desktop/Cordova/hello/platforms/ios”
路径下面需要copy的4个文件夹copy到新建项目的根路径中
CordovaLib cordova www platform_www
3： 需要将下面的两个
“config.xml”
-> 各自copy到已存在的iOS项目的文件夹内
4:
配置相关参数
2.2 将下图
“Copy www directory.png”
中①原名称"Run Script"修改为"Copy www directory"；将②中的选项去掉；将下面的代码复制到③中.
NODEJS_PATH=/usr/local/bin; NVM_NODE_PATH=~/.nvm/versions/node/`nvm version 2>/dev/null`/bin; N_NODE_PATH=`find /usr/local/n/versions/node/* -maxdepth 0 -type d 2>/dev/null | tail -1`/bin; XCODE_NODE_PATH=`xcode-select --print-path`/usr/share/xcs/Node/bin; PATH=$NODEJS_PATH:$NVM_NODE_PATH:$N_NODE_PATH:$XCODE_NODE_PATH:$PATH && node cordova/lib/copy-www-build-step.js
2.3 Build Settings -> Other Linker Flags 中添加
“-ObjC -all_load”
2.4 Add Files to … -> CordovaLib.xcodeproj
2.5 Add Files to … -> config.xml
2.6 Add Files to … -> www文件夹
2.7 Schemes按照下图配置，然后编译一次程序，最后导入下面两项
*Build Phases -> Target Dependencies -> CordovaLib
Build Phases -> Link Binary With Libraries -> libCordova.a*
然后运行success