说说ios原生和H5交互

公司项目需要用到ios原生和JS交互,所以要用到WKWebView。


使用很简单,下面我贴出几幅截图(列子是通过js触发后调用ios原生方法)

导入WebKit,并遵守协议

说说ios原生和H5交互

说说ios原生和H5交互说说ios原生和H5交互

说说ios原生和H5交互

开始创建WKWebView和WKWebView的配置类WKWebViewConfiguration、WKUserContentController

说说ios原生和H5交互说说ios原生和H5交互

代理方法

说说ios原生和H5交互说说ios原生和H5交互

最后remove一下,清理web的缓存

说说ios原生和H5交互

说说ios原生和H5交互说说ios原生和H5交互说说ios原生和H5交互

ios原生这边基本上就完成了

JS那边需要添加一句代码触发

说说ios原生和H5交互说说ios原生和H5交互

这里的<name>传入与ios配对的字符串,<messageBody>传入需要传的值data,就ok了


还有就是提一下当中遇到的坑,我在实现这个交互的时候js那边貌似是会跟安卓那边冲突,需要我这边带一个type参数给他判断是ios还是安卓端。大概就是这些了


以上是js调用oc方法的例子,还有就是oc调用js方法的例子

说说ios原生和H5交互

说说ios原生和H5交互


再转载几篇其他大牛的连接:

http://blog.csdn.net/ziyikongfu/article/details/45306373

http://www.jianshu.com/p/7bb5f15f1daa

http://www.jianshu.com/p/6ba2507445e4

http://blog.csdn.net/chenyong05314/article/details/53735215