当前位置:首页 > 通信资讯 > 正文

本文主要给大家介绍了关于ios拦截url转换成本地路由模块urlrewrite的相关内容,分享出来供各位ios开发者们参考学习,下面话不多说了,来一起看看详细的介绍:

需求场景

  • 做过电商app的可能都遇到过这样的需求,在商场首页,各种各样动态的跳转,跳转商品详情、秒杀列表、品牌列表、搜索结果、分类结果页面等等等等。同一个位置,可能今天跳这个商品,明天跳转那个商品,运营配的就是一个web端的url。
  • 拦截webview里面的url。

需求分析

  • 拦截各种各样的url,跳转到指定的原生页面。
  • url的种类可能会一直增加。
  • 指定位置即某个button点击后的url也不是固定的,可以动态配置。

以前的解决方案

接手项目前,已经有这个功能,之前也没有引入路由。这一块的做法是:对url进行path匹配或者字符串匹配,成功后再做特殊的操作。所以经常出现这个url没拦截,那个url跳错了这样的bug。每添加新的url拦截都得修改代码,发版。

新的解决方案

在客户端引入路由后,我们需要的应该是下面这样一个urlrewrite模块,将输入的各种各样的url转化为本地可以设别的路由url。

ios开发之拦截url转换成本地路由模块urlre(ios开发之拦截url转换成本地路由模块urlre)

做法是效仿天猫的rewrite系统。天猫团队文章看这里:解耦神器---统跳协议和rewrite引擎](http://pingguohe.net/2015/11/24/navigator-and-rewrite.html))

原理

rewrite引擎的原理非常简单,模拟web容器(apache/nginx等)的rewrite配置,根据配置把传入的原始url进行重写,返回重写后的目标url,交给统跳协议处理。

配置是通过正则表达式描述的rewrite规则列表,这份列表通过后台接口实现动态更新。

关键点:url是动态的,跳转的页面也是动态的,所以,urlrewrite中应该也有一个动态的东西来对应这个两个动态的变化。那就是rewrite的规则。规则可以由接口动态更新,所以可以做到不发版本添加新的url解析,新的页面跳转。

具体实现

后面会有具体的例子解析,先看一下代码实现。

规则的组成:规则有三个字段组成

  • pattern 用来匹配原始url的正则表达式串。
  • targeturl 转换后的目标串。
  • flag 标记位,做一些特殊处理。

匹配过程:原始url通过规则匹配,找到url中的参数,将targeturl字段里面的参数占位符替换成url中找到的参数。完成重写。

?
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 // // rewriterule.h // yturlrewrite // // created by brant on 2017/8/3. // copyright ? 2017年 瘦不拉机. all rights reserved. // #import <foundation foundation.h=""> @interface rewriterule : nsobject // 用来匹配的原始url的正则串 @property (nonatomic, copy) nsstring *pattern; // 转换后的目标串 参数占位用 $0, $1 这样 // 这里是一个标准的本地路由 @property (nonatomic, copy) nsstring *targeturl; // 标记位 // 值一:k: 保留原url,不做重写 @property (nonatomic, copy) nsstring *flag; // 返回重写后的url - (nsstring *)targeturlwithparams:(nsarray *)params url:(nsstring *)url; @end</foundation>

原始url解析

?
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 /** * 正则匹配返回符合要求的字符串及参数 数组 * * @param string 需要匹配的字符串 * @param regexstr 正则表达式 * * @return 符合要求的字符串及参数 数组 */ + (nsarray *)matchstring:(nsstring *)string toregexstring:(nsstring *)regexstr { nsregularexpression *regex = [nsregularexpression regularexpressionwithpattern:regexstr options:nsregularexpressioncaseinsensitive error:nil]; nsarray * matches = [regex matchesinstring:string options:0 range:nsmakerange(0, [string length])]; nsmutablearray *array = [nsmutablearray array]; for (nstextcheckingresult *match in matches) { for (int i = 0; i < [match numberofranges]; i++) { //以正则中的(),划分成不同的匹配部分 nsstring *component = [string substringwithrange:[match rangeatindex:i]]; [array addobject:component]; } } return array; }

匹配过程 app启动时,更新服务器规则赋值给 self.rules ,没有就读取本地规则。使用时,调用rewriteurl方法返回重写后的url。

?
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 /** 重写url @param url 要重写的url @return 返回重写后的url */ - (nsstring *)rewriteurl:(nsstring *)url { for (rewriterule *rule in self.rules) { nsarray *array = [yturlrewrite matchstring:url toregexstring:rule.pattern]; if (array.count > 0) { // 匹配到了 return [rule targeturlwithparams:array url:url]; } } return url; }

具体例子

原始url: http://test.com/product/2345.html 这是运营配置的一个商品详情的url

self.rules 里面会有一条这样的规则与之对应:

?
1 2 3 4 5 6 pattern: ^(?:https?:)\\/\\/test.(com|test)\\/product\\/([0-9]*).html$ targeturl: myappscheme://host.mobile/goodsdetail?goodsid=$2 flat:

原始url经过 [yturlrewrite matchstring:url toregexstring:rule.pattern] 方法后,匹配到上面这条规则,返回的nsarray是这样的:

array[0] : 是匹配到的字符串,即:http://test.com/product/2345.html

array[1]: 是后面用小括号括起来的参数 com

array[2]: 也是小括号括起来的参数 2345

targeturlwithparams 方法会返回targeturl字符串,$2这种参数占位符会被解析出来的参数替换掉。

?
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 - (nsstring *)targeturlwithparams:(nsarray *)params url:(nsstring *)url { if ([self.flag isequaltostring:@"a"]) { // 添加 return [nsstring stringwithformat:@"%@%@", url, self.targeturl]; } else if ([self.flag isequaltostring:@"k"]) { // 保留原url return url; } nsstring *target = self.targeturl; // 将参数替换成从url中解析出来的参数 for (int i = 1; i < params.count; i++) { target = [target stringbyreplacingoccurrencesofstring:[nsstring stringwithformat:@"$%d", i] withstring:params[i]]; } return target; }

所以最后rewrite出来的url是这样的:myappscheme://host.mobile/goodsdetail?goodsid=2345这是我们本地支持的路由,可以直接这样处理: [ytrouter openurl:myappscheme://host.mobile/goodsdetail?goodsid=2345]; 跳转到商品详情页面。

可以看到,这个urlrewrite引擎是只依赖规则的,所以要添加新的url,新的跳转,只要后台更新规则就可以了。

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流,谢谢大家对服务器之家的支持。

原文链接:http://www.cocoachina.com/ios/20170807/20161.html

如果您对该产品感兴趣,请填写办理(客服微信:xiaoxiongyidong)

为您推荐:

发表评论

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。