uniapp和iOS原生互传数据

参考文章链接:https://www.cnblogs.com/liaolijun/p/4794831.html

扩展插件JS API 编写

开发者在实现JS层API时首先要定义一个插件类别名,并需要在IOS工程的PandoraApi.bundle\feature.plist文件中声明插件类别名和Native层扩展插件类的对应关系


JS扩展方法的实现

同步返回JS扩展方法实现

在实现同步扩展方法时,开发者需要调用JS Plugin Bridge window.plus.bridge.execSync()方法,该方法可同步获取Native插件返回的运行结果。

void   plus.bridge.execSync(Stringservice,Stringaction,Arrayargs);

service: 插件类别名

action: 调用Native层插件方法名称。

args: 参数列表。

异步返回JS扩展方法实现

在实现异步扩展方法时,开发者需要调用JS Plugin Bridge的plus.bridge.exec()方法,该方法会通知Native层插件执行指定方法,运行结果会通过回调的方式通知JS层

void  plus.bridge.exec(Stringservice,Stringaction,Arrayargs);

service: 插件类别名

action: 调用Native层插件方法名称。

args: 参数列表。


扩展插件JS API代码示例(可直接copy到自己的JS类里面使用),类名为NativePlugin:

! function(root, factory) {

if (typeof exports == 'object' && typeof module != 'undefined') {

module.exports = factory()

} else if (typeof define == 'function' && define.amd) {

define(factory)

} else {

document.addEventListener('plusready', function() {

// 修改此处为插件命名  注释---1

var moduleName = 'uniappPlugin';

root.plus[moduleName] = factory()

}, false);

}

}(this, function() {

//在此处定义自己的方法  注释---2

var _BARCODE = 'uniappPlugin';

var plugintest = {

/** 跳转原生登录页面 */

JumpNativeLoginView: function(successCallback, errorCallback) {

var success = typeof successCallback !== 'function' ? null : function(args) {

successCallback(args);

},

fail = typeof errorCallback !== 'function' ? null : function(code) {

errorCallback(code);

};

// 注释---3

var callbackID = plus.bridge.callbackId(success, fail);

// 注释---4

return plus.bridge.exec(_BARCODE, "pushLogin", [callbackID]);

}

});

在其它页面调用

NativePlugin.JumpNativeLoginView(function(result){},function(error){});

iOS原生端开发步骤

一 创建插件类

开发者新创建的类需要继承“PGPlugin”类实现第三方插件扩展。

创建一个继承自“PGPlugin”类的Objective-c类

在源文件中引入头文件“PGPlugin.h”和“PGMethod.h” 

二 编写插件的方法

开发者可根据需求,在JS层通过调用不同的JS Plugin Bridge方法,将扩展方法定义为同步执行或异步执行。

同步执行的方法会阻塞当前JS代码的执行,并同步获取Native层扩展方法返回的运行结果。

异步执行方法不会阻塞当前JS代码的执行,需要开发者用回调的方式接收Native层的执行结果。

但需要注意,在调用plus.bridge.exec或plus.bridge.execSync方法时,传入的第一个参数是插件的别名,开发者需要声明别名和Native代码类名的对应关系。传入的第二个参数(调用插件的方法名),需要和要调用的扩展插件的方法名一致,否则无法通过JS调用到Native层扩展类方法。

异步方法:

开发者在编写异步方法时可通过PGPlugin类的回调方法将Native扩展方法运行结果返回到调用页面。使用方法如下

Native层代码实现

-(void)pushLogin:(PGMethod*)commands{

    if(commands){

        注意:这里可以直接调用登录,但是我们有时登录会有用户信息需要返回到uniapp,所以下面的result就可以替换成用户信息了,记得要转成json字符串返回去。记住数组的第一个一定是callbackid。

            // CallBackid 异步方法的回调id,H5+ 会根据回调ID通知JS层运行结果成功或者失败NSString*cbId=[commands.argumentsobjectAtIndex:0];

        // 用户的参数会在第二个参数传回,可以按照Array方式传入,NSArray*pArray=[commands.argumentsobjectAtIndex:1];

        // 如果使用Array方式传递参数NSString*pResultString=[NSStringstringWithFormat:@"%@ %@ %@ %@",[pArrayobjectAtIndex:0],[pArrayobjectAtIndex:1],[pArrayobjectAtIndex:2],[pArrayobjectAtIndex:3]]

        // 运行Native代码结果和预期相同,调用回调通知JS层运行成功并返回结果PDRPluginResult*result=[PDRPluginResultresultWithStatus:PDRCommandStatusOKmessageAsString:pResultString];

    // 如果Native代码运行结果和预期不同,需要通过回调通知JS层出现错误,并返回错误提示//PDRPluginResult *result = [PDRPluginResult resultWithStatus:PDRCommandStatusError messageAsString:@"惨了! 出错了! 咋(wu)整(liao)"];

    // 通知JS层Native层运行结果,JS Pluginbridge会根据cbid找到对应的回调方法并触发

[selftoCallback:cbIdwithReslut:[result toJSONString]];

    }

}

同步方法:

同步扩展方法可通过返回值的方式,将Native层扩展插件的运行结果返回给调用该方法的HTML页面。同步方法返回值类型为NSData,传入参数为PGMethod类型。在返回结果较复杂时建议用户使用JSON格式的字符串。

-(NSData *)pushLogin:(PGMethod*)commands{

    // 根据传入获取参数

NSString*pArgument1=[command.arguments objectAtIndex:0];

NSString*pArgument2=[command.arguments objectAtIndex:1];

NSString*pArgument3=[command.arguments objectAtIndex:2];

NSString*pArgument4=[command.arguments objectAtIndex:3];

// 拼接成字符串NSString*pResultString=[NSStringstringWithFormat:@"%@ %@ %@ %@",pArgument1,pArgument2,pArgument3,pArgument4];

// 按照字符串方式返回结果

return[selfresultWithString:pResultString];

}


三 关联JS插件名和原生类

开发者在编写扩展插件时需要在JS层定义一个扩展插件的别名,并需要在改方法被调用之前,在H5+基座中注册项两者之间的对应关系。否则5+SDK无法准确的找到Native层的扩展插件。

5+ SDK 提供了两种注册对应关系的方式。

在plist文件中声明对应关系

在编写JS时同时需要修改PandoraAPI.bundle中feature.plist文件,在其中添加JS插件别名和Native插件类的对应关系,SDK基座会根据对应关系查找并生成相应的Native对象并执行对应的方法。


调用PDRCore的接口声明对应关系

开发者还可以通过调用PDRCore提供的设置接口来声明对应关系,该接口不但可以设置JS别名和Native扩展类名之间的关系,还可以注册扩展插件的JS层代码。该声明方法通常在PDRCore初始化后调用。开发者也可以自行决定声明的时机,但是必须在调用该扩展方法的html页面加载之前执行声明。


因为之前弄过Android端的交互(本人已经清楚了交互),所以iOS这里我只是写了个大概,防止自己忘记了步骤流程,如果需要看更详情的说明,请前往文章开头的地址。

还有一种就是直接iOS原生针对uniapp单向的数据传输,这个有空的时候会给大家再写篇文章。谢谢大家的支持。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
禁止转载,如需转载请通过简信或评论联系作者。
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 213,928评论 6 493
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,192评论 3 387
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 159,468评论 0 349
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,186评论 1 286
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,295评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,374评论 1 292
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,403评论 3 412
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,186评论 0 269
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,610评论 1 306
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,906评论 2 328
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,075评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,755评论 4 337
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,393评论 3 320
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,079评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,313评论 1 267
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,934评论 2 365
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,963评论 2 351

推荐阅读更多精彩内容

  • 概要 64学时 3.5学分 章节安排 电子商务网站概况 HTML5+CSS3 JavaScript Node 电子...
    阿啊阿吖丁阅读 9,167评论 0 3
  • 导语 React Native是一套由 Facebook 开源的跨平台、动态更新的 Javascript 框架,其...
    滴嗒嗒阅读 9,098评论 5 36
  • 昆明梁艳分享497天。网络中级五期。2018.09.29 三,克服困难的方法与态度,是可深入建构之处 ...
    诗心小鹿阅读 132评论 0 0
  • 无题 清风竹篱人家 流水青苔晚霞 一壶老酒下 几瓣落花 无意倾酒 回首蓦然见她 暗香红梅枝丫 白雪北风骏马 一张古...
    木兮L阅读 196评论 0 4
  • 有过住院经历,护士属实不易, 每天打针送药,忙得脚不沾地, 患者五花八门,有时还会受气, 姑娘人美心善,心里把她铭记。
    雪盈禅心阅读 769评论 1 3