cordova创建iOS项目

1.配置环境

1. cordova是利用nodeJS
b8cf
进行管理的, 首先下载nodeJS (http://nodejs.org)

2. 使用命令行安装

sudo npm install -g cordova

3. 创建工程

cordova create hello(文件夹名) com.example.hello(id) HelloWorld(工程名)

4.添加相关组件并运行

cd hello

cordova platform add ios

cordova build

2.写插件

iOS类, 放入目录Plugins下

#import <Cordova/CDVPlugin.h>

@interface Test2 : CDVPlugin

- (void)test:(CDVInvokedUrlCommand*)command;

@end

#import "Test2.h"

@implementation Test2

-(void)test:(CDVInvokedUrlCommand *)command
{
CDVPluginResult * pluginResult = nil;
NSString* echo = [command.arguments objectAtIndex:0];

if (echo != nil && [echo length] > 0) {
pluginResult = [CDVPluginResult resultWithStatus:CDVCommandStatus_OK messageAsString:@"ios send OK"];
} else {
pluginResult = [CDVPluginResult resultWithStatus:CDVCommandStatus_ERROR];
}

[self.commandDelegate sendPluginResult:pluginResult callbackId:command.callbackId];

}

@end

3.Login.html文件加入工程

路径: hello->platforms->ios->www下(工程中Staging下www)

4.login,js文件加入工程

路径: hello->platforms->ios->www->plugins->tansun-plugin-login->www下(路径不存在就新建)

5.文件配置

config.xml中添加

<feature name="Login">
<param name="ios-package" value="Test2" />
<param name="onload" value="true" />
</feature>

其中Login为自定义名字 Test2为插件类名

cordova_plugins.js中添加

{
"file": "plugins/tansun-plugin-login/www/login.js",//login.js路径
"id": "com.gldjc.guangcaiclient.login",//js文件定义的id
"clobbers": [
"Login"//config.xml中自定义的名字
]

}

6.使用

继承类

#import <Cordova/CDVViewController.h>
@interface MainViewController : CDVViewController

重写init方法
设置self.startPage = @"Login.html";

7.通讯

OC主动调JS

id <CDVWebViewEngineProtocol> engine = self.webViewEngine;
if(engine) {
[engine evaluateJavaScript:[NSString stringWithFormat:@"方法名('%@','%@')", self.name, self.password] completionHandler:^(id result, NSError *error) {
NSLog(@"result == %@, error == %@", error);
}];
}

JS通过cordova调OC

function mybtn(){
Login.loginSuccess(); //Login为自定义的名字
}

loginSuccess:function() {
exec(function(PluginResult){
alert(PluginResult);
}, null, "Login", "test", ["AAAAA","BBBBB"]);
}