cordova 3.0以上ios自定义插件

<pre name="code" class="objc"><span style="font-size:14px;">搞了半个月Cordova插件，但一直没沉下心能弄。为了更好的理解Cordova插件的开发，今天自己写了一个Demo  
先简单介绍一下，如不清楚Cordova是什么，有什么作用，可以移步问度娘《hybrid应用开发，Cordova框架》。其实Cordova的实现原理还是基于WebView截获URL（URL中包含类名和方法名以及参数），然后通过反射机制实现原生代码调用。
　好，先列举一下Custom Plugin的主要步骤和思路。

　　1、安装Cordova环境。

　　2、使用Cordova创建工程。

　　3、打开IOS工程。

　　//核心步骤

　　4、编写OC原生代码插件类，需要继承自CDVPlugin父类。

　　5、编写调用OC的JS层代码。

　　6、编写顶级的Plugin.xml的插件配置文件。

</span><span style="font-size:18px;">干货来了，详细步骤说明。</span><span style="font-size:14px;">

　　1、安装Cordova环境。

　　　　这里就百度Cordova，上官网吧，步骤繁琐就不细说，比较简单。

　　2、使用Cordova创建工程。

　　　 Crodova create 是命令，后面跟三参数。

　　　 cordova create 工程名(TestPlugin) 　　 应用标识(com.liki.TestPlugin) 　　App名称Plugin

　　3、打开IOS工程。

　　　　工程路径在:当前创建工程路径 下的 platforms文件夹中。

　　4、编写OC原生代码插件类，需要继承自CDVPlugin父类
5、将ios和Android原生的类文件拷贝相应目录。

　　　6、将写好的JS文件拷贝到www目录下


</span><span style="font-size:18px;"></span><pre name="code" class="objc"><span style="font-size:14px;">CeshiPlugin.h</span><span style="font-family: Arial, Helvetica, sans-serif;">文件</span>

<span style="font-size:14px;">
　　　　**************我是分隔符***********************************
</span><span style="font-size:18px;">
</span>

<span style="font-size:18px;"></span><pre name="code" class="objc"><span style="font-size:14px;">CeshiPlugin.m</span><span style="font-family: Arial, Helvetica, sans-serif;">文件</span>

<span style="font-size:14px;">
　　　　**************我是分隔符***********************************

</span>

<span style="font-size:18px;"></span><pre name="code" class="objc"><span style="font-size:14px;">CeshiPlugin.js</span><span style="font-family: Arial, Helvetica, sans-serif;">文件</span>

<span style="font-size:14px;">
　　　　**************我是分隔符***********************************</span>

<span style="font-size:14px; font-family: Arial, Helvetica, sans-serif;">
</span>

<span style="font-family: Arial, Helvetica, sans-serif;"><span style="font-size:18px;">plugin.xml文件</span></span>

<span style="font-size:14px;"><?xml version="1.0" encoding="UTF-8"?>
<!--id=插件的唯一标识-->
<plugin xmlns="http://apache.org/cordova/ns/plugins/1.0"
        id="com.example.CeshiPlugin"//此ID需与创建项目时的第二个参数即应用标识一致
        version="2.0">
<!--name：插件的名称-->
  <name>HelloPlugin</name>
<!--description：描述信息-->
  <description>
    This plugin allows you to show a MyPlugin.
    A Toast is a little non intrusive buttonless popup which automatically disappears.
  </description>

  <license>MIT</license>
<!--  js-module：对应我们的 javascript 文件，src 属性指向 www/xxx.js路径-->
  <js-module src="www/CeshiPlugin.js" name="CeshiPlugin">
    <clobbers target="myplugin" />
  </js-module>

  <!-- platform：支持的平台ios -->
  <platform name="ios">
    <config-file target="config.xml" parent="/*">
      <feature name="CeshiPlugin">
        <param name="ios-package" value="CeshiPlugin"/>
      </feature>
    </config-file>
    
    <header-file src="src/ios/CeshiPlugin.h"/>
    <source-file src="src/ios/CeshiPlugin.m"/>
    <framework src="QuartzCore.framework" />
  </platform>
</plugin></span>

<span style="font-size:14px;">
　　　　**************我是分隔符***********************************
　7、到这就基本OK了，可以将插件打包整理好，自己测试和提交给别人使用了。

　　　打包步骤:

　　　1、建立一个插件根目录，格式最好如下:com.liki.</span><span style="font-size: 14px; font-family: Arial, Helvetica, sans-serif;">xxxPlugin</span><span style="font-size:14px;">

　　　2、在xxxPlugin下建立www和src目录。

　　　3、将plugin.xml配置文件拷贝到xxxplugin目录。

　　　4、在src目录下建立ios目录，其他平台也行，笔者没有试过，不过官网上说支持。

　　　5、将ios原生的类文件拷贝相应目录内。

　　　6、将写好的JS文件拷贝到www目录下。</span>

<span style="font-size:14px;">
</span><pre name="code" class="objc"><span style="font-size:14px;">　**************我是分隔符***********************************</span>

<span style="font-size:14px;">
</span><span style="font-size:18px;">Html文件调用</span><span style="font-size:14px;">
  <script type="text/javascript">
            document.addEventListener("deviceready", onDeviceReady, false);
            function onDeviceReady() {
                /**
                 * 加载成功调用js
                 */
                myplugin.addstr(addSuc,addFiald,"wang","zhao","bin");
                
            }
        </script>
        
        <script √>
            /**
             * js回调函数
             */
        function addSuc(result) {
            alert('回调成功addSuc='+result);
        }
        function addFiald(result) {
            alert('addFiald='+result);
        }
        </script></span>