iOS下JS与OC互相调用--MessageHandler

种简单的方式。那就是利用WKWebView的新特性MessageHandler来实现JS调用原生方法。

MessageHandler 是什么?

WKWebView 初始化时,有一个参数叫configuration,它是WKWebViewConfiguration类型的参数,而WKWebViewConfiguration有一个属性叫userContentController,它又是WKUserContentController类型的参数。WKUserContentController对象有一个方法- addScriptMessageHandler:name:,我把这个功能简称为MessageHandler。

- addScriptMessageHandler:name:有两个参数,第一个参数是userContentController的代理对象,第二个参数是JS里发送postMessage的对象。

所以要使用MessageHandler功能,就必须要实现WKScriptMessageHandler协议。

我们在该API的描述里可以看到在JS中的使用方法

iOS下JS与OC互相调用--MessageHandler_第1张图片

怎么使用MessageHandler?

1.创建WKWebViewConfiguration对象,配置各个API对应的MessageHandler。

WKUserContentController对象可以添加多个scriptMessageHandler。

iOS下JS与OC互相调用--MessageHandler_第2张图片

需要注意的是addScriptMessageHandler很容易引起循环引用,导致控制器无法被释放,所以需要加入以下这段:

iOS下JS与OC互相调用--MessageHandler_第3张图片

2.创建WKWebView。

iOS下JS与OC互相调用--MessageHandler_第4张图片

3.实现协议方法。

我这里实现了两个协议,WKUIDelegate是因为我在JS中弹出了alert 。WKScriptMessageHandler是因为我们要处理JS调用OC方法的请求。

iOS下JS与OC互相调用--MessageHandler_第5张图片

WKScriptMessage有两个关键属性name和body。

因为我们给每一个OC 方法取了一个name,那么我们就可以根据name 来区分执行不同的方法。body 中存着JS 要给OC 传的参数。解析JS 调用OC 的参数:

iOS下JS与OC互相调用--MessageHandler_第6张图片

message.boby 就是JS 里传过来的参数。我们不同的方法先做一下容错性判断。然后正常取值就可以了。

4.处理HTML中JS调用。

HMTL的源码跟之前的HTML内容差不多,只有JS的调用部分改变了。

iOS下JS与OC互相调用--MessageHandler_第7张图片

5.OC调用JS

这里使用WKWebView 实现OC 调用JS方法,还是利用

- evaluateJavaScript:completionHandler:。像下面这样使用:

iOS下JS与OC互相调用--MessageHandler_第8张图片


iOS下JS与OC互相调用--MessageHandler_第9张图片

参考:https://www.jianshu.com/p/433e59c5a9eb

你可能感兴趣的:(iOS下JS与OC互相调用--MessageHandler)