JS的简单交互(web代理)

最新推荐文章于 2022-10-16 10:28:10 发布

司小文

最新推荐文章于 2022-10-16 10:28:10 发布

阅读量956

点赞数 1

分类专栏： iOS-浅谈文章标签： ios JS交互 web基础

本文链接：https://blog.csdn.net/siwen1990/article/details/50504431

版权

iOS-浅谈专栏收录该内容

2 篇文章 0 订阅

订阅专栏

首先，今天写的JS交互要感谢-- 宇神（向晨宇）给写的的demo 共我们学习

JS交互在我的理解中把他分为了--简洁版与 --动态版

简洁版：就是今天要写的根据获取Web的代理获取"NSURLRequest"后，转化为字符串，进行比较后调用相应地方法。

动态版：JSPatch中实现了通过 Runtime 接口调用和替换 OC 方法，从而得到实时的方法。至于为什么不写这个动态版的，主要是因为JSPatch的链接中已经写了很多了：JSPatch实现原理详解，还有一个小原因是。。司小文的脑袋真的不够使...看个大概还行，往深里看再写出来就不成了。（好吧确实这个才是主要的）。

那接下来咱们依然代码加注释，赶紧写完赶紧去浪。

首先，这个交互需要后台和你配合，定义出一个你们共同的暗号。（比如 xxx 或者 SiXiaoWenBangBangDa 这样的）

这个给后台看：

<html>
    <!--描述网页信息-->
    <head>
        <meta charset="UTF-8"/>
        <title>iOS上webView与JS交互的demo</title>
        <script>
            function show()
            {
                alert('你调用了show->1');
            }
            function showTitle()
            {
                alert(document.title);
            }
            function showTitleMessage(message)
            {
                alert(message);
            }
            function repost()
            {
                location.href = "http://www.iosxxx.com";
            }
            function sum()
            {
                return 1 + 1;
            }
            function btnClick()
            {
<!--xmg://sendMessageWithNumber_andContent_?10086&love-->
                location.href = "xmg://callWithNumber_?15830654880";
            }
        </script>
    </head>
    <!--网页具体内容-->
    <body>
        <br>电话号码: 11111111</br>
        <br>邮箱: xcysuccess@qq.com</br><br/>
        <button style = "background: red; height: 150px; width: 150px;" onclick = "btnClick();">按钮</button>
    </body>

</html>

这个才是给你的呦：（内容可以由你的需要改变但是要保证根据和web页定好的规矩来，不然有可能会出问题）

#pragma mark-JSCallOC
- (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType
{
    //打印看下URL
    NSLog(@"%@", request.URL);
    
    //这个@"xmg://"就是和后台定的暗号
    NSString *schem = @"xmg://";
    
    //把NSURLRequest转换成字符串的形式
    NSString *urlStr = [request.URL.absoluteString stringByReplacingPercentEscapesUsingEncoding:NSUTF8StringEncoding];
    
    //判断暗号是否一样，一样的话进入我们需要调用OC方法
    if ([urlStr hasPrefix:schem]) {
        
        // 1.从URL中获取方法名称 （去除"xmg://callWithNumber_?15830654880"中的@"xmg://"）
        // 此时 subPath = callWithNumber_?15830654880;
        NSString *subPath = [urlStr substringFromIndex:schem.length];
        
        
        // 注意: 如果指定的用于切割的字符串不存在, 那么就会返回整个字符串
        // 切割字符串获得数组中元素：callWithNumber_ 与 15830654880;
        NSArray *subPaths = [subPath componentsSeparatedByString:@"?"];
        
        // 2.获取方法名称--数组中首元素callWithNumber_为方法名
        // 把方法名中的_换成冒号
        NSString *methodName = [subPaths firstObject];
        methodName = [methodName stringByReplacingOccurrencesOfString:@"_" withString:@":"];
        
        // 3.调用方法
        // 讲方法名生成一个方法sel
        SEL sel = NSSelectorFromString(methodName);
        
        // 4.处理参数
        NSString *parma = nil;
        if (subPaths.count == 2) {
            //获取数组中的最后一个元素为电话15830654880
            parma = [subPaths lastObject];
            // 3.截取参数 （保险起见如果有&去除调）
            NSArray *parmas = [parma componentsSeparatedByString:@"&"];
            
#pragma clang diagnostic ignored "-Warc-performSelector-leaks"
            //去通过刚才生成的方法sel（callWithNumber:） 传入参数电话15830654880 由self调用
            //- (void)callWithNumber:(NSString *)numbe
            [self performSelector:sel withObject:[parmas firstObject] withObject:[parmas lastObject]];
#pragma clang diagnostic pop
            return NO;
        }
         //这里处理参数很麻烦，我们可以自己实现一个类去将苹果自带的方法进行优化，其实就是可以传递不同的参数（多个）去处理相应的事件
        [self performSelector:sel withObject:parma];
        return NO;
    }
    
    return YES;
}

// callWithNumber:
- (void)callWithNumber:(NSString *)number{
    NSLog(@"打电话给%@", number);
    [self.webView stringByEvaluatingJavaScriptFromString:[NSString stringWithFormat:@"showTitleMessage('%@')", number]];
}

当然了除了JSCallOC的方法，我们也有OC呼叫JS的方法这个也需要后台来帮你完成，function showTitle() --- 看上面给后台的这个方法

我们现在用OC的方法来呼叫，非常简单因为系统已经集成在了 web方法里

#pragma mark-ocCallJS
-(void) ocCallJS
{
    [self.webView stringByEvaluatingJavaScriptFromString:@"showTitle();"];
}

如果有任何问题欢迎留言在评论或者私戳我，JS交互这只是最简单地冰山一角，一起来玩吧。

感谢观看，学以致用更感谢。

司小文

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
2
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录