iOS UIWebView中js交互（二）

之前写了UIWebView 使用stringByEvaluatingJavaScriptFromString 调用H5 js中写好的function。

但是有时候这个并不能满足跨平台交互的各种需求，这里就介绍一种webviewjavascriptbridge 第三方框架，写的很不错。这是它的下载链接WebViewJavascriptBridge

这个框架在满足IOS 调用H5方法的同时，还满足H5方法的回调，可以真正意义上实现UIWebView与H5的js交互。

废话不多说，上代码。

webviewjavascriptbridge的初始化 写完这段代码 你的web view就和js链接成功了

@property WebViewJavascriptBridge* bridge;

XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

[WebViewJavascriptBridge enableLogging];

_bridge = [WebViewJavascriptBridge bridgeForWebView:self.myWebView webViewDelegate:self handler:^(id data, WVJBResponseCallback responseCallback) {

NSLog(@"注册桥成功数据为：%@",data);

responseCallback(@"Response from testObjcCallback");

}];

下一步，分为js调用OC 方法可以通过data给oc方法传值，使用responseCallback将值再返回给js）和 OC调用js方法（通过data可以传值，通过response可以接受js那边的返回值）

-->js调OC

id data = @{ @"hello world": @"This is JS!"};

[_bridge callHandler:@"testJavascriptHandler"

data:data

responseCallback:^(id response) {

NSLog(@"testJavascriptHandler responded: %@", response);

}];

-->OC调js 这里有两种 一个是有返回值 一个是没有返回值，

//有返回值

[_bridge send:@"sent  ObjC to JS"

responseCallback:^(id response) {

NSLog(@"sendMessage got response: %@", response);

}];

//无返回值

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

需要关注的也就这几个方法，只要根据自己需求在responseCallback做处理就ok。

下面简单介绍一下WebViewJavascriptBridge里面一些东东，WebViewJavascriptBridge的工作原理跟之前iOS UIWebView中js交互（一）中在- (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType；这个方法拦截URL一样，WebViewJavascriptBridge也是通过web view的代理拦截url scheme，然后注入相应的JS。

WebViewJavascriptBridge拦截的代码在WebViewJavascriptBridge.m中

- (BOOL)webView:(UIWebView *)webViewshouldStartLoadWithRequest:(NSURLRequest *)requestnavigationType:(UIWebViewNavigationType)navigationType {

if (webView != _webView) { return YES; }

NSURL *url = [requestURL];

__strongWVJB_WEBVIEW_DELEGATE_TYPE* strongDelegate = _webViewDelegate;

if ([_base isCorrectProcotocolScheme:url]) {

        if ([_base isBridgeLoadedURL:url]) {

                [_base  injectJavascriptFile];

         } else if ([_base  isQueueMessageURL:url]) {

             NSString *messageQueueString = [self_evaluateJavascript:              

             [_base  webViewJavascriptFetchQueyCommand]];

             [_base  flushMessageQueue:messageQueueString];

         } else {

              [_base logUnkownMessage:url];

         }

         return NO;

} else if (strongDelegate && [strongDelegaterespondsToSelector:@selector(webView:shouldStartLoadWithRequest:navigationType:)]) {

return [strongDelegatewebView:webViewshouldStartLoadWithRequest:requestnavigationType:navigationType];

} else {

return YES;

}

}

通过先通过-isBridgeLoadedURL:方法判断URL是否是需要bridge的URL，若是，则通过injectJavascriptFile方法注入JS；否则判断URL是否是队列消息，若是，则执行查询命令JS并刷新消息队列；最后，URL被识别为未知的消息。

 个人整理总结，喜欢点赞，不喜勿喷，谢谢！！