iOS使用Objective-c自定义cordova插件（－）

 

本系列教程为博主初次使用开发,内容若有差错,欢迎指正,敬请谅解。 

博客地址:http://blog.img421.com/iosshi-yong-object-czi-ding-yi-cordovacha-jian/

   Mac安装ionic和cordova咱们已经熟悉,如今使用`ionic`来建立`HTML5`使用`iOS原生框架`等内容的插件。  

  说明：图中的cordova 请自动切换为ionic使用

1.  建立项目

打开终端,切换到桌面,而后使用`ionic`建立一个测试项目,命名CountTest.

cd ./Desktop/

sudo ionic start CountDemo    

 或   

   //使用cordova ,可是后期cordova不知道怎么引导ionic中,若是你知道请留言告诉我,感谢！        sudo cordova create CountDemo com.twenty.CountDemo CountDemo

1: 项目建立到桌面的目录名,

2: iOS Bundle Identifier的名称,

3: 项目名若舍去2,3步骤,iOS Bundle ID会自行建立,3中项目名为默认1中的目录名。

咱们建立的项目没有可写权限只有可读权限,由于修改CountTest权限为可读可写可执行。

由此能够修改CountTest文件及子文件。

2.  编译iOS项目工程

经过使用`ionic`编译出`iOS项目结构`的目录平台。命令以下:

//添加iOS项目的平台

sudo ionic platform add ios    

或 sudo  cordova platform add ios 

下图输出则添加成功

 

等待几分钟

//编译iOS项目

sudo ionic build ios   

或  sudo cordova build ios

 

如上图`** BUILD SUCCEEDED **`成功之后,能够看到文件中`platform`添加一个iOS平台文件夹。

使用苹果官方开发工具`Xcode`打开,若是没有权限使用命令修改权限:

 

sudo chmod -R 777 .

`. 表明当前文件夹` ,

打开后结构以下

咱们自定义的插件都在`Plugins`文件夹下.

3. 插件开发

建立一个`CountAdd`对象,继承`CDVPlugin`对象.

ps:`CDVPlugin`即为cordova库的链接对象。

`Command + B` 编译Xcode,程序报错`'Cordova/Cordova.h' file not found`

经过查看`CordovaLib`库文件内容,此库内容中头文件`CDV.h`包涵所有的类头文件,所以修改以下:

再次编译成功.

在CountAdd.h文件中,声明一个方法:计算大小.`CDVInvokedUrlCommand ＊`对象为调用URL命令的时候自动传递的参数。在`CountAdd.m`中实现此方法。

 

在`CountAdd.m`中,咱们添加以下代码:

1: 获取到调用的命令的惟一ID;

2:获得传过来的数组的第一个索引值;(后续详细解释)

3:给获得的数+1;

5:经过判断给插件的结果设置状态,成功状态 message 所传递的值, 失败状态 message 所传递的值;

6:经过调用代理发送插件的结果给对应的ID

4. 配置

经过使用WebStorm来打开所建立的`CountDemo`项目,在项目中的`Plugins`文件夹中咱们建立一个本身的插件目录`com.twenty.CountTest`,结构以下:

 

ios:存放Xcode刚才所建立的CountAdd类,

www: 存放调用的和CountAdd 所调用的js文件

plugin.xml :配置iOS 和 cordova 的内容.拷贝`OC的类`到`ios文件夹`目录下,`www`目录下建立一个与`oc类名同样`的js文件

 

`plugin.xml`文件内容以下图:

 

方框内的name要一致,名字随意;

圆形内的值要与OC中继承CDVPlugin类的类名一致;

横线部分名称要与js名称一致