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__);

}