iOS URL攔截轉換成本地路由模塊URLRewrite
需求場景
-
做過電商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
@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
</code></pre>
原始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;
}</code></pre>
匹配過程 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，新的跳轉，只要后臺更新規則就可以了。
來自：http://www.cocoachina.com/ios/20170807/20161.html