您好,登錄后才能下訂單哦!
這篇文章主要為大家展示了“iOS開發之如何攔截URL轉換成本地路由模塊URLRewrite”,內容簡而易懂,條理清晰,希望能夠幫助大家解決疑惑,下面讓小編帶領大家一起研究并學習一下“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 <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,新的跳轉,只要后臺更新規則就可以了。
以上是“iOS開發之如何攔截URL轉換成本地路由模塊URLRewrite”這篇文章的所有內容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內容對大家有所幫助,如果還想學習更多知識,歡迎關注億速云行業資訊頻道!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。