zoukankan      html  css  js  c++  java
  • 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;

    }

     
     
     

  • 相关阅读:
    Sql2000存储过程分页
    扇贝网页记单词插件
    notepad++正则替换保留原内容
    给 QuickTime 播放器添加快进x秒,快退x秒
    谷歌浏览器隐私设置错误 NET::ERR_CERT_AUTHORITY_INVALID 攻击者可能会试图从 xx 窃取您的信息(例如:密码、通讯内容或信用卡信息)。
    Java实体映射工具MapStruct 与BeanUtils性能比较
    阿里DDD项目最佳实践-COLA 架构总览
    Java实体映射工具MapStruct详解
    Martin Fowler大神
    领域模型的核心本质是什么?
  • 原文地址:https://www.cnblogs.com/jgCho/p/7049374.html
Copyright © 2011-2022 走看看