WKWebView与WebViewJavascriptBridge(swift)

WKWebView基本使用请看：http://www.jianshu.com/p/d1841e5581bb

上半部分：WebViewJavascriptBridge的安装及配置

1、pod 'WebViewJavascriptBridge', '~> 5.0'，swift和OC中有一点不同，在swift中配置Podfile文件时要加上 use_framework! ，作用是把三方库打包成静态库在swift中调用三方库：

屏幕快照 2017-06-19 下午7.43.21.png

2、选中target -> General中的Linked Frameworks and Libraries ，点击+添加

屏幕快照 2017-06-16 下午3.47.57.png

3、导入：import WebViewJavascriptBridge

4、简介：
顾名思义，bridge本就是桥梁，桥接器的意思，我们也正是用WKWebViewJavascriptBridge的实例，实现JS与native的互相调用
总结，不管是web还是native, "调" 就用callHandler，" 被调 " 就用registerHandler

关键方法：

/* 直接调用，没有参数*/
- (void)callHandler:(NSString*)handlerName;
/* 调用   传参数 */
- (void)callHandler:(NSString*)handlerName data:(id)data;
/* 调用   传参数   传回调函数 (带回数据) */
- (void)callHandler:(NSString*)handlerName data:(id)data responseCallback:(WVJBResponseCallback)responseCallback;

/ * 注册被调用的方法名   ，传入的  参数 和 回调函数*/
- (void)registerHandler:(NSString*)handlerName handler:(WVJBHandler)handler;

下半部分：WebViewJavascriptBridge实现JS与native交互

首先声明，使用WebViewJavascriptBridge实现交互，必须web和native都遵循一些规则
1、html的相关配置和书写规则

2、WKWebView及native如何被调和调用
var webBridge:WKWebViewJavascriptBridge!，初始化要放在webView loadRequest之前，关键点：
因为要设置
self.webBridge.setWebViewDelegate(self)//webView.navigationDelegate = self // 不能设置webView的WKNavigationDelegate了，设置后影响JS与OC交互，而要改为设置webBridge的WKNavigationDelegate为self

        self.webBridge = WKWebViewJavascriptBridge.init(for: self.webView)
        self.webBridge.setWebViewDelegate(self)  // webView.navigationDelegate = self //设置后影响JS与OC交互
        //JS 分享 调 native的分享， 分享后，将分享结果(取消，失败，还是成功)等回调给JS
        self.webBridge.registerHandler("shareClick") { (data, callBack) in
            //  data:   {'title':'测试分享的标题','content':'测试分享的内容','url':'http://www.baidu.com'};
            
            let param:[String:String] = data as! Dictionary
            //分享
            let alertController = UIAlertController(title: param["title"], message: (param["content"]! + param["url"]!), preferredStyle:.alert)
            let okAction = UIAlertAction(title:"确定分享" , style: .default) { (UIAlertAction) in
                callBack!("分享成功")
            }
            alertController.addAction(okAction)
            // 弹出
            self.present(alertController, animated: true, completion: nil)       
        }

        //JS调native，没有传入参数，要求传回一个颜色的参数
        self.webBridge.registerHandler("changeColor") { (nil, callBack) in
            let colorValue = arc4random_uniform(600)
            let color = "#\(colorValue)"
            callBack!(color)
        }
        
        //native 调 JS， 传入参数“533”
        self.webBridge.callHandler("testJSFunction", data: "533") { (responseData) in
            AppStatusPop.showInfoWithStatus(status: "回调回来的数据:\(responseData as! String)")
        }

//        //OC 调 JS 无参无回调
//        self.webBridge.callHandler("OCCallJSFunction")

本篇只涉及基本使用，注意点也在文中有所提及，如使用中发现问题，可先查找是否有文中所提注意点