ioswebview混编_iOS与H5混编--优秀的第三方框架WebViewJavascriptBridge

#pragma mark - 如何使用：

// 第一步

#import "WebViewJavascriptBridge.h"

// 第二步 声明属性

@property WebViewJavascriptBridge* bridge;

// WebViewJavascriptBridge 支持WKWebView 或者 UIWebView 与 JS交互

self.bridge = [WebViewJavascriptBridge bridgeForWebView:webView];

// JS调用OC 的方法

[self.bridge registerHandler:@"ObjC Echo" handler:^(id data, WVJBResponseCallback responseCallback) {

NSLog(@"ObjC Echo called with: %@", data);

responseCallback(data);

}];

// OC调用JS 的方法

[self.bridge callHandler:@"JS Echo" data:nil responseCallback:^(id responseData) {

NSLog(@"ObjC received response: %@", responseData);

}];

// 这是JS代码的处理 通常是 H5人员或后台人员处理

function setupWebViewJavascriptBridge(callback) {

if (window.WebViewJavascriptBridge) { return callback(WebViewJavascriptBridge); }

if (window.WVJBCallbacks) { return window.WVJBCallbacks.push(callback); }

window.WVJBCallbacks = [callback];

var WVJBIframe = document.createElement('iframe');

WVJBIframe.style.display = 'none';

WVJBIframe.src = 'https://__bridge_loaded__';

document.documentElement.appendChild(WVJBIframe);

setTimeout(function() { document.documentElement.removeChild(WVJBIframe) }, 0)

}

setupWebViewJavascriptBridge(function(bridge) {

/* Initialize your app here */

bridge.registerHandler('JS Echo', function(data, responseCallback) {

console.log("JS Echo called with:", data)

responseCallback(data)

})

bridge.callHandler('ObjC Echo', {'key':'value'}, function responseCallback(responseData) {

console.log("JS received response:", responseData)

})

})