iOS中OC与JS交互WebViewJavascriptBridge的简单使用

在日常开发中，因为原生开发的成本相对较高，越来越多的人选择了混合开发（Native+Hybrid），所以我们就需要与JS去打交道，当然我们自带的UIViewWeb也有对应的使用方法，不过相对而言性能和操作方式都比较复杂，所以就出现了一些开源库，这里我们就简单的了解WebViewJavascriptBridge的使用；
下载地址：

这里写链接内容
简单的使用方式：
1.初始化UIWebView

UIWebView* webView = [[UIWebView alloc] initWithFrame:self.view.bounds];
[self.view addSubview:webView];

2.关联webview与WebViewJavascriptBridge

    [WebViewJavascriptBridge enableLogging];

    _bridge = [WebViewJavascriptBridge bridgeForWebView:webView];
    [_bridge setWebViewDelegate:self];

3.JS调OC的方法

/**
     *   js调oc方法（可以通过data给oc方法传值，使用responseCallback将值再返回给js）
     *
     *  @param data             从H5传值给原生OC
     *  @param responseCallback 使用responseCallback将值再返回给js
     *
     *  @return
     */
    [_bridge registerHandler:@"testObjcCallback" handler:^(id data, WVJBResponseCallback responseCallback) {
        NSLog(@"testObjcCallback called: %@", data);
        responseCallback(@"Response from testObjcCallback");
    }];

这里注意testObjcCallback这个方法的标示（切记这个是个Key不是方法名（自己纠结半天没数据））。html那边的命名要跟iOS这边相同，才能调到这个方法。当然这个名字可以两边商量着自定义。简单明确即可。

4.OC回调JS的方式

/**
         *  oc调js方法（通过data可以传值，通过 response可以接受js那边的返回值 ）
         *
         *  @param data     OC原生传给JS值
         *  @param response js返回的数据
         *
         *  @return
         */
             id data = @{ @"greetingFromObjC": @"Hi there, JS!" };
    [_bridge callHandler:@"testJavascriptHandler" data:data responseCallback:^(id response) {
        NSLog(@"testJavascriptHandler responded: %@", response);
    }];

注意这里的 testJavascriptHandler也是个方法标示。

5.OC给JS传值（通过 response接受返回值 ）

[_bridge send:@"A string sent from ObjC to JS" responseCallback:^(id response) {
        NSLog(@"sendMessage got response: %@", response);
    }];

6.oc给js传值（无返回值）

[_bridge send:@"A string sent from ObjC after Webview has loaded."];

7.安全禁用弹框

    [self.bridge disableJavscriptAlertBoxSafetyTimeout];