引入类拓展UIWebView+TS_JavaScriptContext, 这个类拓展是能在JSCotext出现的时候就可以拿到. 因为一般情况下JSCotext在webViewDidFinishLoad:才拿到, JS端可能在我们没有执行webViewDidFinishLoad:方法的时候就已经调用了我们的方法.
在交互类中创建一个实现了JSExport协议的协议, 协议中提供暴露的方法给JS端. 并在交互类中实现我们定义的方法. 如果需要相关控制器相关参数的话, 可以写个通知(代理或block也行)然后让相关控制器去实现.
1.把拓展类UIWebView+TS_JavaScriptContext拖进项目.
2.创建交互类JavaOCInterRac, 给H5提供相关方法, 并在@implementation中实现方法.
// 首先创建一个实现了JSExport协议的协议
@protocol JavaOCInterRacProtocol <JSExport>
// 调系统相册
- (void)callPicker;
// 调支付
- (void)callPay;
// 传一个参数回来
- (void)callPassParameter: (NSString *)orderNumber;
// 传两个参数回来
- (void)callTestParameterone: (NSString *)orderNumber AndParametertwo:(NSString *)name;
@end
// JavaOCInterRac.h
@interface JavaOCInterRac : NSObject
+(instancetype)getInstance
/** 定义block，回调到控制器中 */
@property (nonatomic, copy) void(^showPickerBlock)();
@end
// JavaOCInterRac.m
@interface JavaOCInterRac() <JavaOCInterRacProtocol>
@end
@implementation JavaOCInterRac
// 提供交互类的单例单例对象
static JavaOCInterRac *JavaOCInterac = nil;
+(instancetype)getInstance
{
@synchronized(self)
{
if(!JavaOCInterac)
{
JavaOCInterac = [[self alloc] init];
}
}
return JavaOCInterac;
}
// 调用系统相册实现
- (void)callPicker {
NSLog(@"%s %s [第%d行] ----- 点击了调用系统相册", __TIME__, __FUNCTION__, __LINE__);
self.showPickerBlock(); //定义block回调
}
// ...其他方法实现同理
@end
3.在对应控制器.m中
#pragma mark ----- TSWebViewDelegate
- (void)webView:(UIWebView *)webView didCreateJavaScriptContext:(JSContext*) ctx {
ctx[@"object"] = [JavaOCInterRac getInstance];
}
#pragma mark ----- UIWebViewDelegate
- (void)webViewDidStartLoad:(UIWebView *)webView {
JavaOCInterRac *interac = [JavaOCInterRac getInstance];
interac.showPickerBlock = ^{
[self showImagePicker];
};
}
- (void)showImagePicker {
UIActionSheet *actionSheet = [[UIActionSheet alloc]
initWithTitle:@"请选择文件来源"
delegate:nil
cancelButtonTitle:@"取消"
destructiveButtonTitle:nil
otherButtonTitles:@"拍照",@"从手机相册选择",nil];
[actionSheet showInView:self.view];
}
附上git托管地址: https://github.com/yemuhong/OCJS_Interac
