iOS開(kāi)發(fā)之如何攔截URL轉(zhuǎn)換成本地路由模塊URLRewrite

這篇文章主要為大家展示了“iOS開(kāi)發(fā)之如何攔截URL轉(zhuǎn)換成本地路由模塊URLRewrite”，內(nèi)容簡(jiǎn)而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“iOS開(kāi)發(fā)之如何攔截URL轉(zhuǎn)換成本地路由模塊URLRewrite”這篇文章吧。

需求場(chǎng)景

• 做過(guò)電商App的可能都遇到過(guò)這樣的需求，在商場(chǎng)首頁(yè)，各種各樣動(dòng)態(tài)的跳轉(zhuǎn)，跳轉(zhuǎn)商品詳情、秒殺列表、品牌列表、搜索結(jié)果、分類結(jié)果頁(yè)面等等等等。同一個(gè)位置，可能今天跳這個(gè)商品，明天跳轉(zhuǎn)那個(gè)商品，運(yùn)營(yíng)配的就是一個(gè)web端的URL。

• 攔截webView里面的URL。

需求分析

• 攔截各種各樣的URL，跳轉(zhuǎn)到指定的原生頁(yè)面。

• URL的種類可能會(huì)一直增加。

• 指定位置即某個(gè)button點(diǎn)擊后的URL也不是固定的，可以動(dòng)態(tài)配置。

以前的解決方案

接手項(xiàng)目前，已經(jīng)有這個(gè)功能，之前也沒(méi)有引入路由。這一塊的做法是：對(duì)url進(jìn)行path匹配或者字符串匹配，成功后再做特殊的操作。所以經(jīng)常出現(xiàn)這個(gè)url沒(méi)攔截，那個(gè)url跳錯(cuò)了這樣的bug。每添加新的URL攔截都得修改代碼，發(fā)版。

新的解決方案

在客戶端引入路由后，我們需要的應(yīng)該是下面這樣一個(gè)URLRewrite模塊，將輸入的各種各樣的URL轉(zhuǎn)化為本地可以設(shè)別的路由URL。

做法是效仿天貓的Rewrite系統(tǒng)。天貓團(tuán)隊(duì)文章看這里：解耦神器---統(tǒng)跳協(xié)議和Rewrite引擎](http://pingguohe.net/2015/11/24/Navigator-and-Rewrite.html))

原理

Rewrite引擎的原理非常簡(jiǎn)單，模擬Web容器（Apache/Nginx等）的Rewrite配置，根據(jù)配置把傳入的原始URL進(jìn)行重寫(xiě)，返回重寫(xiě)后的目標(biāo)URL，交給統(tǒng)跳協(xié)議處理。

配置是通過(guò)正則表達(dá)式描述的Rewrite規(guī)則列表，這份列表通過(guò)后臺(tái)接口實(shí)現(xiàn)動(dòng)態(tài)更新。

關(guān)鍵點(diǎn)：URL是動(dòng)態(tài)的，跳轉(zhuǎn)的頁(yè)面也是動(dòng)態(tài)的，所以，URLRewrite中應(yīng)該也有一個(gè)動(dòng)態(tài)的東西來(lái)對(duì)應(yīng)這個(gè)兩個(gè)動(dòng)態(tài)的變化。那就是Rewrite的規(guī)則。規(guī)則可以由接口動(dòng)態(tài)更新，所以可以做到不發(fā)版本添加新的URL解析，新的頁(yè)面跳轉(zhuǎn)。

具體實(shí)現(xiàn)

后面會(huì)有具體的例子解析，先看一下代碼實(shí)現(xiàn)。

規(guī)則的組成：規(guī)則有三個(gè)字段組成

• pattern 用來(lái)匹配原始URL的正則表達(dá)式串。

• targetUrl 轉(zhuǎn)換后的目標(biāo)串。

• flag 標(biāo)記位，做一些特殊處理。

匹配過(guò)程：原始URL通過(guò)規(guī)則匹配，找到URL中的參數(shù)，將targetUrl字段里面的參數(shù)占位符替換成url中找到的參數(shù)。完成重寫(xiě)。

//
// RewriteRule.h
// YTURLRewrite
//
// Created by brant on 2017/8/3.
// Copyright ? 2017年 瘦不拉機(jī). All rights reserved.
//
#import <foundation foundation.h="">
@interface RewriteRule : NSObject
// 用來(lái)匹配的原始URL的正則串
@property (nonatomic, copy) NSString *pattern;
// 轉(zhuǎn)換后的目標(biāo)串 參數(shù)占位用 $0, $1 這樣
// 這里是一個(gè)標(biāo)準(zhǔn)的本地路由
@property (nonatomic, copy) NSString *targetUrl;
// 標(biāo)記位
// 值一：k： 保留原url，不做重寫(xiě)
@property (nonatomic, copy) NSString *flag;
// 返回重寫(xiě)后的url
- (NSString *)targetUrlWithParams:(NSArray *)params url:(NSString *)url;
@end</foundation>

原始URL解析

/**
 * 正則匹配返回符合要求的字符串及參數(shù)
數(shù)組
 *
 * @param string 需要匹配的字符串
 * @param regexStr 正則表達(dá)式
 *
 * @return 符合要求的字符串及參數(shù)
數(shù)組
 */
+ (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;
}

匹配過(guò)程 app啟動(dòng)時(shí)，更新服務(wù)器規(guī)則賦值給 self.rules ，沒(méi)有就讀取本地規(guī)則。使用時(shí)，調(diào)用rewriteUrl方法返回重寫(xiě)后的URL。

/**
 重寫(xiě)url
 @param url 要重寫(xiě)的url
 @return 返回重寫(xiě)后的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 這是運(yùn)營(yíng)配置的一個(gè)商品詳情的URL

self.rules 里面會(huì)有一條這樣的規(guī)則與之對(duì)應(yīng)：

pattern:
^(?:https?:)\\/\\/test.(com|test)\\/product\\/([0-9]*).html$
targetUrl:
myappScheme://host.mobile/goodsDetail?goodsId=$2
flat:
空

原始URL經(jīng)過(guò) [YTURLRewrite matchString:url toRegexString:rule.pattern] 方法后,匹配到上面這條規(guī)則，返回的NSArray是這樣的：

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

array[1]: 是后面用小括號(hào)括起來(lái)的參數(shù) com

array[2]: 也是小括號(hào)括起來(lái)的參數(shù) 2345

targetUrlWithParams 方法會(huì)返回targetUrl字符串，$2這種參數(shù)占位符會(huì)被解析出來(lái)的參數(shù)替換掉。

- (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;
  
 // 將參數(shù)替換成從url中解析出來(lái)的參數(shù)
 for (int i = 1; i < params.count; i++) {
  target = [target stringByReplacingOccurrencesOfString:[NSString stringWithFormat:@"$%d", i] withString:params[i]];
 }
  
 return target;
}

所以最后Rewrite出來(lái)的URL是這樣的：myappScheme://host.mobile/goodsDetail?goodsId=2345這是我們本地支持的路由，可以直接這樣處理： [YTRouter openUrl:myappScheme://host.mobile/goodsDetail?goodsId=2345]; 跳轉(zhuǎn)到商品詳情頁(yè)面。

可以看到，這個(gè)URLRewrite引擎是只依賴規(guī)則的，所以要添加新的url，新的跳轉(zhuǎn)，只要后臺(tái)更新規(guī)則就可以了。

以上是“iOS開(kāi)發(fā)之如何攔截URL轉(zhuǎn)換成本地路由模塊URLRewrite”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！