iOS JS 交互之利用系统JSContext实现 JS调用OC方法以及Objective-C调用JavaScript方法

 ios js 交互分为两块：

1.oc调用js 

这一块实现起来比较简单，

个人项目中加载的是本地的html，js,css，须要注意的是当你向工程中拖入这些文件时，选择拷贝到工程中，（拖入的文件夹是蓝色的，相对路径），否则css,js 的路径会存在问题

 

加载本地html:

 

oc调用js:一句代码搞定

 

 

2.js 调用oc

  js调用oc又分为两种：

 1.js端是直接调用方法

这里就要说到ios7才推出的一个新的api    JavaScriptCore，首先咱们引入这个类，并初始化一个JSContext对象

 

在webViewDidFinishLoad方法里

此处经过当前webView的键获取到jscontext

 

将咱们的context对象与js方法创建桥接联系，

 

2.js端经过对象调用方法

说到对象调方法咱们首先确定得有个对象，因此咱们首先须要建立一个js交互类，并声明和实现相应的交互方法，在这里须要注意的是咱们须要在这个自定义交互类里面导入JavaScriptCore框架，声明一个听从于JSExport协议的协议（有点绕，看图）,在这个协议里声明咱们的交互方法，最后让咱们的交互类听从与咱们自定义的协议

 

在交互类的.m中实现相应的js交互方法，并实现咱们想要的操做

注意到图上的

JSExportAs(invoke, - (void) invoke:(NSString *) method args:(NSString *) args);

 这个方法没有，这个方法的做用是当js端的方法有两个或两个以上参数时，咱们须要让- (void) invoke:(NSString *) method args:(NSString *) args;这个方法代替 对应的js这个方法，由于oc端的方法名必须和js端的保持一致，否则就不会调用

最后在咱们的webViewDidFinishLoad方法里初始化咱们的交互对象，并让 context 与之创建联系，ok，完事

hybridApi调用此方法 -->

 

 

3. Objective-C调用JavaScript方法代码以下:

[self.webView evaluateJavaScript:[NSString stringWithFormat:@"__YutaAppOnPrepare()"]

                   completionHandler:^(id response, NSError *error)

     {

 

     }];

 ------分割线-----

若是项目中使用wkWebview, 那么不支持使用jsContext来进行js交互拦截js方法,不过能够使用一下方法:

 

#pragma -mark WKWebview的配置项

- (WKWebView *)wbview

{

    if (!_wbview) {

        config = [[WKWebViewConfiguration alloc]init];

        //注册js方法

        config.userContentController = [[WKUserContentController alloc]init];

        //webViewAppShare这个需保持跟服务器端的一致，服务器端经过这个name发消息，客户端这边回调接收消息，从而作相关的处理

        [config.userContentController addScriptMessageHandler:self name:@"webViewAppShare"];

        

        _wbview = [[WKWebView alloc]initWithFrame:WbviewFrame configuration: config];

        _wbview.navigationDelegate = self;

        _wbview.UIDelegate = self;

        

        [self.view addSubview:_wbview];

    }

    

    return _wbview;

}

 

//js交互方法

- (void)userContentController:(WKUserContentController *)userContentController didReceiveScriptMessage:(WKScriptMessage *)message

{

    NSDictionary *msgBody = [[NSDictionary alloc] initWithDictionary:message.body];

    NSString * shareTitle = text_share;

    NSString * shareText = text_share;

    NSString * shareUrl = url_share;

}