http://cordova.apache.org/docs/en/4.0.0/guide_platforms_ios_webview.md.html
Cordova官方文档
1、通过Cordova创建一个项目
$ cordova create Demo xidx Stevin_Y
2、为项目添加iOS平台
$ cordova platform add ios
3、编译一下
$ cordova build ios
4、编译成功、在iOS文件夹下,运行一下工程。
OK!我们已经有了一个Cordova的iOS工程
5、创建一个iOS的项目,目录如下:
6、将Cordova/platform/iOS路径下的
Cordova、CordovaLib、platform_www、www和config.xml复制到 iOS的项目中。
复制后目录如下:
![](https://img.haomeiwen.com/i2332508/2935246316d5bdc2.png)
7、文件复制后,向项目中添加时需要注意⚠️了。(看添加选项)
1、将CordovaLib.xcodeproj添加到Demo工程中,右键选择Add Files To Demo
![](https://img.haomeiwen.com/i2332508/8429cd97f130313e.png)
2、添加www目录到工程中,记得是勾选Create folder references
3、按步骤一添加config.xml到工程中,目录结构如下
![](https://img.haomeiwen.com/i2332508/d6594f0dcc7ea965.png)
8、选择工程的Build Settings->Other Links, 设置-Objc -all_load
![](https://img.haomeiwen.com/i2332508/a57e2bf7d80dcd51.png)
9、选择Build
Phases->New Run Script Phase,将新增New Run Script Phase命名为copy www directory
![](https://img.haomeiwen.com/i2332508/eec84ff6c68e23eb.png)
设置路径,在Cordova/lib/目录下copy-www-build-step.sh文件是.js文件。修改尾缀,转成.sh文件。
![](https://img.haomeiwen.com/i2332508/14e6175c7e0b0bc4.png)
10、Build Phases->Target Dependencies添加CordovaLib
11、Link Binary With Librarys添加libCordova.a, MobileCoreServices,AssetsLibrary
![](https://img.haomeiwen.com/i2332508/42fe8a648e1681f1.png)
12、环境搭建完成。
iOS项目中代码集成
![](https://img.haomeiwen.com/i2332508/4bcb811fc3a54642.png)
运行项目Command + R,iOS模拟器效果如下:
![](https://img.haomeiwen.com/i2332508/32f31cc38ff78ac9.png)
网友评论