OC与JS交互基于JavaScriptCore（UIWebVie
2019-07-04 本文已影响0人
罗显友
准备工作：
1.在创建UIWebView的类中，导入头文件：
#import <JavaScriptCore/JavaScriptCore.h>
2.在webView的代理方法中的任意一个方法中创建JSContext对象，我一般是在finisLoad里面创建
代理方法
-(void)webViewDidStartLoad:(UIWebView *)webView;
-(void)webViewDidFinishLoad:(UIWebView *)webView;
创建JSContext对象：
-(void)webViewDidFinishLoad:(UIWebView *)webView{
__weak typeof(self) weakSelf = self;
//创建JSContext上下文对象
JSContext *context = [webView valueForKeyPath:@"documentView.webView.mainFrame.javaScriptContext"];
//监听地理位置 @“getPaymetCertAuthMsg” 这个就是JS提供的方法，供OC调用
_context[@"getPaymetCertAuthMsg"] = ^() {
NSLog(@"当前线程：%@",[NSThread currentThread]);
};
}
//监听返回按钮
Phone *phone = [Phone new];
phone.block = ^{
dispatch_async(dispatch_get_main_queue(), ^{
[self.navigationController popViewControllerAnimated:YES];
});
};
_context[@"Phone"] = phone;
一. OC调用JS方法：JS提供一个方法供OC调用
在OC调用JS的方法中，如果我们需要传递多个参数，第一种就是我下面写的这样的，多个参数分开写，还有一个就是封装成json，然后传过去
例如：
假数据： NSSting *strData = @" {
"name" : "lxy"
"age" : 17
}"
NSString *jsStr1 = [NSString stringWithFormat:@"recPaymetCertAuthMsg('%@')",strData];
[weakSelf.webView stringByEvaluatingJavaScriptFromString:jsStr1];
JS的方法名是： recPaymetCertAuthMsg
方式1：不依赖JavaScriptCore。主要调用：stringByEvaluatingJavaScriptFromString 这个方法。
如下
NSString *jsStr1 = [NSString stringWithFormat:@"recPaymetCertAuthMsg('%@','%@','%@','%@','%@','%@','%@','%@','%@','%@','%@','%@')",isloca,@"2",latitude,longitude,ipStr,@"",iMei,@"",ipType,@"",phoneType,phoneStr ];
[weakSelf.webView stringByEvaluatingJavaScriptFromString:jsStr1];
方式2：依赖JavaScriptCore。主要调用：evaluateScript 这个方法。
如下
NSString *jsStr1 = [NSString stringWithFormat:@"recPaymetCertAuthMsg('%@','%@','%@','%@','%@','%@','%@','%@','%@','%@','%@','%@')",isloca,@"2",latitude,longitude,ipStr,@"",iMei,@"",ipType,@"",phoneType,phoneStr ];
[weakSelf.context evaluateScript:jsStr1];
二.JS调用OC方法
方式1：利用：JSContext 如下
在创建完JSContext对象之后，当JS方法调用window.getPaymetCertAuthMsg()时， OC中就会走到下面方法中的For循环那里
所以JS调用OC的核心代码就是：
JSContext *context = [webView valueForKeyPath:@"documentView.webView.mainFrame.javaScriptContext"];
//监听地理位置 @“getPaymetCertAuthMsg” 这个就是JS提供的方法，供OC调用
_context[@"getPaymetCertAuthMsg"] = ^() {
//如果JS方法还有返回值，则会在下面的打印中打印出来。
NSArray *array = [JSContext currentArguments];
for(JSValue * str in array){
NSLog(@"从js代码传入的值:%@",str.toString);
};
方式二：利用JavaScriptcore的协议<JSExport>：
在进行这种交互方式之前，我们先要和JS开发者确认一件事情，那就是调用JS方法时候的类是哪个类，需要一个类名字符串
我举个栗子：
假如JS定义为： Phone.gotoBack() 这样一个方法。
那么我们首先就要在OC代码里面先创建一个命名为Phone的类
如下截图：
图片.png
再接着需要在这个类里面创建一个继承<JSExport>的协议，并实现协议中的方法
在 #import"Phone.h" 中写入下面的协议
@protocol PhoneDelegate <JSExport>
-(void)gotoBack:(NSString *)url;
@end
在 #import"Phone.m" 中实现和JS定义好的方法：gotoBack
-(void)gotoBack:(NSString *)url{
NSLog(@"Phone：%@",url);
//URL为JS传过来的参数，类型为字符串，如果有多个参数，则封装为JSON字符串过来，然后再解析取出对应数据
if ([url isEqualToString:@"backZJBank"]) {
//do some thing
}
}
使用Phone的方式：
-(void)webViewDidFinishLoad:(UIWebView *)webView{
__weak typeof(self) weakSelf = self;
//创建JSContext上下文对象
JSContext *context = [webView valueForKeyPath:@"documentView.webView.mainFrame.javaScriptContext"];
//监听返回按钮
Phone *phone = [Phone new];
phone.block = ^{
dispatch_async(dispatch_get_main_queue(), ^{
//返回上一层控制器
[self.navigationController popViewControllerAnimated:YES];
});
};
_context[@"Phone"] = phone;
}
注：当JS调用gotoBack方法时，Phone类中的-(void)gotiBack:(NSSting *)url;方法就会被调用
3.拦截URL的方式进行交互
在webView的代理方法中，拦截URL进行交互
- (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType{
NSString *ab = request.URL.absoluteString;
NSLog(@"拦截到的连接URL：%@",[request.URL scheme]);
[self hoadUpUrlInWebView:ab];
return YES;
}
//拦截特定的URL，然后做相应的处理
-(void)hoadUpUrlInWebView:(NSString *)urlStr{
//自定义的协议头，然后进入相应的判断逻辑里
NSString *scheme = @"zxbank://direct.grcbank.com";
//如果包含这个字符串，则进入判断逻辑处理
if ([urlStr hasPrefix:scheme]) {
//自定义的相应功能的字符串@“takePhoto”
if([urlStr containsString:@"takePhoto"]){
//进入到相应功能，比如拍照
}
}
