iOS OC和JS的交互 javaScriptCore方法封装
一、javaScriptCore
javaScriptCore是一种JavaScript引擎,主要为webKit提供脚本处理能力,javaScriptCore是开源webkit的一部分,他提供了强大的整合能力.下面以JS调用OC方法为例,OC调用JS为例说明.
- JSContext, JSContext是代表JS的执行环境，通过-evaluateScript:方法就可以执行一JS代码
- JSValue, JSValue封装了JS与ObjC中的对应的类型，以及调用JS的API等
- JSExport, JSExport是一个协议，遵守此协议，就可以定义我们自己的协议，在协议中声明的API都会在JS中暴露出来，才能调用
二、封装源码
注：JSExport 也可实现JS调用OC方法，但是个人感觉过于复杂，不如直接调用直接
还可以使用WebViewJavascriptBridge第三方库去实现，具体的实现方式根据和后台人员商量决定
根据实用性需求，封装出三个方法，一个初始化（要在UIWebview加载完成方法中创建） 一个JS调用OC的方法（id为JS传给OC的参数，id类型为JSValue数组） 一个是OC调用JS的方法(id为OC传递给JS的参数，类型根据需求定义)
// 初始化
+ (instancetype)bridgeForWebView:(UIWebView *)webView;
// JS调OC
- (void)registerHandler:(NSString *)objcName handler:(JSHandler)handler;
// OC调JS
- (void)callHandler:(NSString*)jsName data:(id)data;
/***********************************WebViewJavascriptBridge.h**********************************/
#import <Foundation/Foundation.h>
#import <UIKit/UIKit.h>
#import <JavaScriptCore/JavaScriptCore.h>
@protocol WebViewJavascriptBridgeProtocol <JSExport>
// 通过JS调用OC方法 (采用代理的方法)
- (void)CallOCFunction;
- (void)CallOCFunctionFirstParameter:(NSString *)parameter;
@end
typedef void(^JSResponseCallback)(id responseData);
typedef void(^JSHandler)(id data);
@interface WebViewJavascriptBridge : NSObject <WebViewJavascriptBridgeProtocol>
// 初始化
+ (instancetype)bridgeForWebView:(UIWebView *)webView;
// JS调OC
- (void)registerHandler:(NSString *)objcName handler:(JSHandler)handler;
// OC调JS
- (void)callHandler:(NSString*)jsName data:(id)data;
@end
/***********************************WebViewJavascriptBridge.m**********************************/
#import "WebViewJavascriptBridge.h"
@interface WebViewJavascriptBridge ()
{
JSContext *_jsContext;
UIWebView *_webView;
}
@end
@implementation WebViewJavascriptBridge
static WebViewJavascriptBridge * gThis = nil;
+ (WebViewJavascriptBridge *) instance
{
if ( gThis == nil ){
static dispatch_once_t onceToken;
dispatch_once(&onceToken, ^{
gThis = [[WebViewJavascriptBridge alloc] init];
});
}
return gThis;
}
+ (instancetype)bridgeForWebView:(UIWebView *)webView {
WebViewJavascriptBridge *bridge = [self instance];
[bridge platformSpecificSetup:webView];
return bridge;
}
- (void)platformSpecificSetup:(UIWebView *)webView {
_webView = webView;
// 对JSContext对象进行初始化
_jsContext = [_webView valueForKeyPath:@"documentView.webView.mainFrame.javaScriptContext"];
// 验证JSContext对象是否初始化成功
_jsContext.exceptionHandler = ^(JSContext *context, JSValue *exception) {
context.exception = exception;
NSLog(@"异常信息：%@", exception);
};
}
#pragma mark - public
// objcName : oc函数名
// handler : block回调
- (void)registerHandler:(NSString *)objcName handler:(JSHandler)handler {
// 创建objcEcho对象赋值给js对象self
// _jsContext[objcName] = self;
// JS调用OC函数
_jsContext[objcName] = ^() {
// 获取JS传来的参数 (JSValue对象数组)
NSArray *args = [JSContext currentArguments];
// 回调
handler(args);
};
}
// jsName : js函数名
// data : 传给js的参数
// responseCallback 回调
- (void)callHandler:(NSString*)jsName data:(id)data {
// OC调用JS函数
JSValue *jsValue = _jsContext[jsName];
// 传字典
// NSDictionary *dict = @{@"key1" : @"参数1", @"key2" : @"参数2"};
// 传对象
// Person *person = [[Person alloc] init];
// JSValue *value = [JSValue valueWithObject:person inContext:_jsContext];
// [value setValue:@"朱凯巍" forProperty:@"name"];
// [value setValue:@(10) forProperty:@"age"];
// OC为JS传参数
[jsValue callWithArguments:@[data]];
}
#pragma mark - JSWebViewObjectProtocol
// 通过JS调用OC方法
- (void)CallOCFunction {
NSLog(@"%s",__func__);
}
- (void)CallOCFunctionFirstParameter:(NSString *)parameter {
NSLog(@"%s",__func__);
}