Cordova plugin for iOS && Web互相调用及参数传递

1️⃣ 嘚吧嘚:
在做Hybrid 开发过程中,涉及到要调用原生 SDK, 只好学习了下 Cordova 插件开发, 其中有一篇不错的 文章.

原文链接

一开始的时候可能会理不清一些概念之间的关系, 比如插件 与插件类, 插件类与方法之间, 在此做一次梳理, 见图:

插件与插件类之间的关系.png

 a. 一个插件可以有多个 '插件类',一个'插件类' 可以有多个'方法';
 b. 此处 '插件' 对应下图中的 'service', 地位等同于
     'cordova-plugin-wechat'等.
 c. 插件类的方法 , 就是下图中的 'action', 是某插件类的'方法名字符串'. 
 d. web 端要传递数据 || 参数信息 到 native 端, 是将信息拼接成数组的形式, 放到第四个参数的位置.
    如下图 '[params]'

在js文件的 click事件触发方法中调用扩展方法.png

⤴️ 文本端示例代码: <数据流向: JS --> OC 插件类>

按钮绑定 onclick 事件.html.png

3️⃣ 数据流向: OC --> JS 插件类

1. 创建继承自 CDVPlugin的插件类

1. 创建继承自 CDVPlugin的插件类.png

2 . 在自定义方法的实现中实现业务逻辑, 最后传递结果给 web 端

当 OC 插件类的方法中, 返回的数据的格式可以是任意数据类型, 但是需要指定一下, 如下图:
30 - 33行, 是接收 web 端传递过来的数据(一定是数组的形式)
34 - 36行, oc 插件层传递参数到 web 端(数据的格式需要指定,可以是任意类型), oc 端指定参数是什么类型, 那么在 web 端的回调函数的参数就是什么类型

插件层接收 web 端传递过来的参数数组, 返回任意类型数据结果.png

Paste_Image.png

插件层实例代码:

#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"];
}
NSLog(@"---- \n\n%s\n\n----",__FUNCTION__);

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

   // [self.commandDelegate runInBackground:^{
   //      在后台线程执行
   // }];
}