github Object-C javascript 消息互通 WebViewJavascriptBridge

àì夳堔傛蜴生んèń 2022-08-09 17:54 95阅读 0赞

WebViewJavascriptBridge：[github地址][github]

如何使用：

1) 把WebViewJavascriptBridge文件夹添加到工程中

2) 导入文件，并添加相关属性

#import "WebViewJavascriptBridge.h"

……

@property WebViewJavascriptBridge* bridge;

3) 初始化

self.bridge = [WebViewJavascriptBridge bridgeForWebView:webView handler:^(id data, WVJBResponseCallback responseCallback) { NSLog(@"Received message from javascript: %@", data); responseCallback(@"Right back atcha"); }];

4) ObjC 向 javascript发送消息

[self.bridge send:@"Well hello there"];
    [self.bridge send:[NSDictionary dictionaryWithObject:@"Foo" forKey:@"Bar"]];
    [self.bridge send:@"Give me a response, will you?" responseCallback:^(id responseData) {
        NSLog(@"ObjC got its response! %@", responseData);
    }];

5) 设置javascript消息处理

function connectWebViewJavascriptBridge(callback) { 
        if (window.WebViewJavascriptBridge) {
            callback(WebViewJavascriptBridge)
        } else {
            document.addEventListener('WebViewJavascriptBridgeReady', function() { 
                callback(WebViewJavascriptBridge)
            }, false)
        }
    }
    
    connectWebViewJavascriptBridge(function(bridge) { 
    
        /* Init your app here */
    
        bridge.init(function(message, responseCallback) { 
            alert('Received message: ' + message)   
            if (responseCallback) {
                responseCallback("Right back atcha")
            }
        })
        bridge.send('Hello from the javascript')
        bridge.send('Please respond to this', function responseCallback(responseData) { 
            console.log("Javascript got its response", responseData)
        })
    })

[github]: https://github.com/marcuswestin/WebViewJavascriptBridge