1.將cordova本地相關的文件copy到已存在的項目中
1.1 打印當前的路徑
$ pwd
>>>："/Users/Mac/Desktop"
1.2 創建一個Cordova目錄
$ mkdir Cordova
1.3 進入到Cordova目錄
$ cd Cordova
1.4 創建一個cordova項目
$ cordova create hello com.example.hello HelloWorld
>>>："cordova create hello com.example.hello HelloWorld"
>>>："Creating a new cordova project."
1.5 進入到hello目錄
$ cd hello
1.6 指定生成iOS平臺的代碼項目
$ cordova platform add ios
>>>："Adding ios project..."
>>>："iOS project created with cordova-ios@4.0.1"
>>>："Discovered plugin "cordova-plugin-whitelist" in config.xml. Installing to the project"
>>>："Fetching plugin "cordova-plugin-whitelist@1" via npm"
>>>："Installing "cordova-plugin-whitelist" for ios"
1.7 進入到"./platforms/ios" 路徑
$ cd /Users/Mac/Desktop/Cordova/hello/platforms/ios
1.8 "/Users/Mac/Desktop/Cordova/hello/platforms/ios" 路徑下面需要copy的4個文件夾copy到新建項目的根路徑中
CordovaLib cordova www platform_www
1.9 需要將下面的兩個"config.xml" -> 各自copy到已存在的iOS項目的文件夾內
config.xml (一)
config.xml (二)
2.配置相關參數
2.1 下圖"Run Script.png" 中點擊①中的按鈕創建"New Run Script Phase" ，②為創建的"Run Script"
Run Script.png
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
CordovaLib.xcodeproj
2.5 Add Files to ... -> config.xml
上面的 "config.xml (二)"
2.6 Add Files to ... -> www文件夾
www.png
2.7 Schemes按照下圖配置，然后編譯一次程序，最后導入下面兩項
Build Phases -> Target Dependencies -> CordovaLib
Build Phases -> Link Binary With Libraries -> libCordova.a
注意選對Schemes編譯
2.8 Schemes按照下圖配置，將"ViewController.h" 文件改為
#import <Cordova/CDVViewController.h>
#import <Cordova/CDVCommandDelegateImpl.h>
#import <Cordova/CDVCommandQueue.h>
@interface ViewController : CDVViewController
@end
3. 自定義插件
3.1 在config.xml文件中加入
<feature name="YourPluginName">
<param name="ios-package" value="EOPlugin" />
<param name="onload" value="true" />
</feature>
3.2 創建一個"EOPlugin" 類，實現下面的的方法
- EOPlugin.h 實現
import <Cordova/CDVPlugin.h>
@interface EOPlugin : CDVPlugin
- (void)myMethod:(CDVInvokedUrlCommand*)command;
@end
> - EOPlugin.m 實現
> ```
#import "EOPlugin.h"
@implementation EOPlugin
- (void)myMethod:(CDVInvokedUrlCommand*)command
{
CDVPluginResult* pluginResult = nil;
NSString* myarg = [command.arguments objectAtIndex:0];
if (myarg != nil) {
pluginResult = [CDVPluginResult resultWithStatus:CDVCommandStatus_OK];
} else {
pluginResult = [CDVPluginResult resultWithStatus:CDVCommandStatus_ERROR messageAsString:@"Arg was null"];
}
[self.commandDelegate sendPluginResult:pluginResult callbackId:command.callbackId];
}
@end
3.3 編寫index.html文件如下
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script type="text/javascript" src="cordova.js"></script>
<script type="text/javascript" src="cordova_plugins.js"></script>
<script type="text/javascript">
document.addEventListener("deviceready", yourCallbackFunction, false);
function buttonClick(){
Cordova.exec(successFunction, failFunction, "YourPluginName", "myMethod", ["回調方法"]);
}
function successFunction(){
alert("successFunction");
}
function failFunction(){
alert("failFunction");
}
</script>
</head>
<body>
<p>ExampleObject</p>
<button onclick="buttonClick()">自定義插件</button>
</body>
</html>
運行效果：
Cordova入門也沒有那么難，多看看官方的文檔Documentation。自己也練習了下文章在簡書上的編寫，體驗還不錯，給個好評。
