iOS开发之拦截URL转换成本地路由模块URLRewrite详解

发布时间 - 2026-01-11 02:43:50    点击率:

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

需求场景

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

需求分析

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

以前的解决方案

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

新的解决方案

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

做法是效仿天猫的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中找到的参数。完成重写。

//
// 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解析

/**
 * 正则匹配返回符合要求的字符串及参数
数组
 *
 * @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。

/**
 重写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 里面会有一条这样的规则与之对应:

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这种参数占位符会被解析出来的参数替换掉。

- (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,新的跳转,只要后台更新规则就可以了。

总结

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


# url  # rewrite模块  # urlrewrite模块  # urlrewrite  # Vue+axios 实现http拦截及路由拦截实例  # iOS 模块化之JLRoute路由示例  # iOS路由(MGJRouter)的实现  # iOS撸一个简单路由Router的实现代码  # iOS使用核心的50行代码撸一个路由组件  # 如何在iOS上使用MVVM进行路由详解  # 重写  # 跳转  # 这是  # 会有  # 是这样  # 各种各样  # 跳转到  # 正则表达式  # 是一个  # 替换成  # 这一  # 也有  # 相关内容  # 说了  # 不多  # 错了  # 这条  # 给大家  # 这份  # 这样一个 


相关栏目: 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571


相关推荐: Laravel怎么调用外部API_Laravel Http Client客户端使用  Laravel如何实现多对多模型关联?(Eloquent教程)  Laravel策略(Policy)如何控制权限_Laravel Gates与Policies实现用户授权  如何在不使用负向后查找的情况下匹配特定条件前的换行符  国美网站制作流程,国美电器蒸汽鍋怎么用官方网站?  如何选择PHP开源工具快速搭建网站?  如何用景安虚拟主机手机版绑定域名建站?  Laravel如何使用Scope本地作用域_Laravel模型常用查询逻辑封装技巧【手册】  Laravel API资源类怎么用_Laravel API Resource数据转换  高性能网站服务器配置指南:安全稳定与高效建站核心方案  Laravel怎么配置不同环境的数据库_Laravel本地测试与生产环境动态切换【方法】  详解一款开源免费的.NET文档操作组件DocX(.NET组件介绍之一)  如何在万网利用已有域名快速建站?  Laravel如何优雅地处理服务层_在Laravel中使用Service层和Repository层  Laravel如何生成API文档?(Swagger/OpenAPI教程)  Laravel如何处理JSON字段_Eloquent原生JSON字段类型操作教程  Laravel如何实现多级无限分类_Laravel递归模型关联与树状数据输出【方法】  原生JS实现图片轮播切换效果  非常酷的网站设计制作软件,酷培ai教育官方网站?  Laravel如何发送系统通知?(Notification渠道示例)  详解Android——蓝牙技术 带你实现终端间数据传输  php在windows下怎么调试_phpwindows环境调试操作说明【操作】  如何快速搭建自助建站会员专属系统?  🚀拖拽式CMS建站能否实现高效与个性化并存?  网站制作大概要多少钱一个,做一个平台网站大概多少钱?  如何批量查询域名的建站时间记录?  Laravel Vite是做什么的_Laravel前端资源打包工具Vite配置与使用  Laravel如何创建和注册中间件_Laravel中间件编写与应用流程  如何在万网主机上快速搭建网站?  ,怎么在广州志愿者网站注册?  详解免费开源的DotNet二维码操作组件ThoughtWorks.QRCode(.NET组件介绍之四)  香港服务器网站测试全流程:性能评估、SEO加载与移动适配优化  Laravel怎么为数据库表字段添加索引以优化查询  佛山企业网站制作公司有哪些,沟通100网上服务官网?  在线制作视频网站免费,都有哪些好的动漫网站?  Windows10如何更改计算机工作组_Win10系统属性修改Workgroup  Laravel如何理解并使用服务容器(Service Container)_Laravel依赖注入与容器绑定说明  网页设计与网站制作内容,怎样注册网站?  Laravel Blade组件怎么用_Laravel可复用视图组件的创建与使用  Laravel如何生成PDF或Excel文件_Laravel文档导出工具与使用教程  微信小程序 input输入框控件详解及实例(多种示例)  PythonWeb开发入门教程_Flask快速构建Web应用  微信小程序 require机制详解及实例代码  Laravel集合Collection怎么用_Laravel集合常用函数详解  Mybatis 中的insertOrUpdate操作  阿里云网站搭建费用解析:服务器价格与建站成本优化指南  Android使用GridView实现日历的简单功能  html5怎么画眼睛_HT5用Canvas或SVG画眼球瞳孔加JS控制动态【绘制】  高防服务器:AI智能防御DDoS攻击与数据安全保障  Laravel如何实现URL美化Slug功能_Laravel使用eloquent-sluggable生成别名【方法】