PhoneGap/Cordova插件开发入门（IOS版）(一)

原理和开发Android插件是一样的，下面我以一个简单的例子来演示开发过程。

首页我们要创建一个Cordova项目，并导入到Xcode中。

假设我们需要创建一个TestPlugin插件，包含一个test方法。在Plugins文件夹下创建TestPlugin.h和TestPlugin.m文件，并输入下面的代码：

/********* TestPlugin.h Cordova Plugin Header *******/

#import <Cordova/CDV.h>
@interface TestPlugin : CDVPlugin
- (void)test:(CDVInvokedUrlCommand*)command;
@end

/***************** TestPlugin.m ********************/

#import "TestPlugin.h"
#import <Cordova/CDV.h>

@implementation TestPlugin
- (void)test:(CDVInvokedUrlCommand*)command
{
UIAlertView *alertview = [[UIAlertView alloc] initWithTitle:@"标题" message:@"你好世界！" delegate:self cancelButtonTitle:@"取消" otherButtonTitles:@"确定", nil];
[alertview show];
}

@end

提示一下对Objective C语言不熟悉的朋友，类文件都是拆分为h和m两部分，h包含了对类和方法的定义，m包含了具体实现。而我们常用的Java和PHP是将类的定义和实现放在一个文件中。上面的插件我们只提供一个test方法，它的功能是显示一个原生的提示框。

下面，我们需要将插件的信息写入配置文件，Cordova才能找到插件。打开Staging文件夹下的config.xml文件，在widget标签下输入：

<feature name="TestPlugin">
<param name="ios-package" value="TestPlugin" />
</feature>

这样就完成了JavaScript和Objective C的桥接，大功告成，我们可以使用JavaScript来调用TestPlugin插件了。

cordova.exec(null,null,"TestPlugin","test",[]);

上面的代码调用了插件的test方法，如果一切操作正确的话，你将看到一个类似于confirm的提示框。

发现有些朋友不知道在哪里调用上面的代码，其实这只是一行JS代码，和你写普通的JS代码没有区别。参考写法：

<input type="button" id="btn" value="弹窗" />
<script>
window.onload = function(){
var btn = document.getElementById('btn');
btn.onclick = function(){
cordova.exec(null,null,"TestPlugin","test",[]);
}
}
</script>

一个最简单的Cordova插件就开发完成了，好好体会一下，如果有问题，欢迎留言，或者加QQ群：454566813，一起讨论！

Demo下载：

https://git.oschina.net/jiusem/TestCordovaPlugin-for-iOS