iOS 解藕、元件化最佳實踐

李峰峰發表於2018-11-21

iOS 解藕、元件化最常用的是使用統跳路由的方式，目前比較常用的 iOS 開源路由框架主要是JLRoutes、MGJRouter、HHRouter等，這些路由框架各有優點和缺點，基本可以滿足大部分需求。目前最常用來作路由跳轉，以實現基本的元件化開發，實現各模組之間的解藕。但是，在實際中開發中會發現，無法徹底使用它們完成所有模組間通訊，比如模組間的同步、非同步通訊等。再比如，我們在配置了相關路由跳轉的 URL 後，如何在上線之後動態修改相關跳轉邏輯？在模組間通訊時，如何在上線後動態修改相關引數？APP 能否實現類似 Web 的302跳轉？於是 FFRouter 誕生了！
而 FFRouter 則在參考了其他開源框架後誕生的一個路由框架，FFRouter 不僅支援路由跳轉，還支援模組間同步、非同步通訊。增加了 Rewrite 引擎，可以在 APP 上線後動態修改相應路由邏輯，以及動態修改相應引數，支援使用正則語法建立 Rewrite 規則，更加靈活。
對於 URL Rewrite，天貓就用來在解決 App 中 URL 平臺展現一致性的問題，並且在雙11期間，在全鏈路介面降級方案和會場上下線中發揮了重要作用。FFRouter 的 URL Rewrite 也是參考了天貓的方案。
FFRouter 的主要使用方法如下：（來自github:FFRouter）

Github連結：FFRouter

功能

具備基本的 URL 註冊、Route、取消註冊、列印 Log 等
支援使用萬用字元(*)註冊 URL
支援 URL Rewrite
支援 Rewrite 時獲取原 URL 引數或 URLComponents，並可對其進行URL Encode或 Decode
支援通過 URL 獲取 Object
支援 Route URL 時通過非同步回撥的方式獲取 Object
支援 Route URL 時傳遞非常規物件
支援 Route 一個未註冊的 URL 時統一回撥

安裝

CocoaPods

target 'MyApp' do
  pod 'FFRouter'
end
複製程式碼

執行 pod install

手動安裝

新增其中的 FFRouter 資料夾到自己專案

使用方法

首先

#import "FFRouter.h"
複製程式碼

1、基本使用

/**
 註冊 url,與 ‘routeURL:’ 和 ‘routeURL: withParameters:’ 配合使用

 @param routeURL 要註冊的 URL
 @param handlerBlock URL 被 Route 後的回撥
 */
+ (void)registerRouteURL:(NSString *)routeURL handler:(FFRouterHandler)handlerBlock;

/**
 註冊 URL,與 'routeObjectURL:' 和 ‘routeObjectURL: withParameters:’ 配合使用,可返回一個 Object

 @param routeURL 要註冊的 URL
 @param handlerBlock URL 被 Route 後的回撥,可在回撥中返回一個 Object
 */
+ (void)registerObjectRouteURL:(NSString *)routeURL handler:(FFObjectRouterHandler)handlerBlock;

/**
 註冊 URL,與 ‘routeCallbackURL: targetCallBack:’ 和 ‘routeCallbackURL: withParameters: targetCallBack:’ 配合使用，可非同步回撥返回一個 Object

 @param routeURL 要註冊的 URL
 @param handlerBlock URL 被 Route 後的回撥,handlerBlock 中有一個 targetCallBack ,對應 ‘routeCallbackURL: targetCallBack:’ 和 ‘routeCallbackURL: withParameters: targetCallBack:’ 中的 targetCallBack，可用於非同步回撥返回一個 Object
 */
+ (void)registerCallbackRouteURL:(NSString *)routeURL handler:(FFCallbackRouterHandler)handlerBlock;




/**
 判斷 URL 是否可被 Route（是否已經註冊）

 @param URL 要判斷的 URL
 @return 是否可被 Route
 */
+ (BOOL)canRouteURL:(NSString *)URL;




/**
 Route 一個 URL

 @param URL 要 Route 的 URL
 */
+ (void)routeURL:(NSString *)URL;

/**
 Route 一個 URL，並帶上額外引數

 @param URL 要 Route 的 URL
 @param parameters 額外引數
 */
+ (void)routeURL:(NSString *)URL withParameters:(NSDictionary<NSString *, id> *)parameters;

/**
 Route 一個 URL，可獲得返回的 Object

 @param URL 要 Route 的 URL
 @return 返回的 Object
 */
+ (id)routeObjectURL:(NSString *)URL;

/**
 Route 一個 URL，並帶上額外引數，可獲得返回的 Object

 @param URL 要 Route 的 URL
 @param parameters 額外引數
 @return 返回的 Object
 */
+ (id)routeObjectURL:(NSString *)URL withParameters:(NSDictionary<NSString *, id> *)parameters;

/**
 Route 一個 URL,targetCallBack 可非同步回撥以返回一個 Object

 @param URL 要 Route 的 URL
 @param targetCallback 非同步回撥
 */
+ (void)routeCallbackURL:(NSString *)URL targetCallback:(FFRouterCallback)targetCallback;

/**
 Route 一個 URL,並帶上額外引數,targetCallBack 可非同步回撥以返回一個 Object

 @param URL 要 Route 的 URL
 @param parameters 額外引數
 @param targetCallback 非同步回撥
 */
+ (void)routeCallbackURL:(NSString *)URL withParameters:(NSDictionary<NSString *, id> *)parameters targetCallback:(FFRouterCallback)targetCallback;




/**
 Route 一個未註冊 URL 時回撥

 @param handler 回撥
 */
+ (void)routeUnregisterURLHandler:(FFRouterUnregisterURLHandler)handler;




/**
 取消註冊某個 URL

 @param URL 要被取消註冊的 URL
 */
+ (void)unregisterRouteURL:(NSString *)URL;

/**
 取消註冊所有 URL
 */
+ (void)unregisterAllRoutes;



/**
 是否顯示 Log，用於除錯

 @param enable YES or NO，預設為 NO
 */
+ (void)setLogEnabled:(BOOL)enable;
複製程式碼

【備註】

(1)註冊 URL:

[FFRouter registerRouteURL:@"protocol://page/routerDetails/:id" handler:^(NSDictionary *routerParameters) {
   //Route的URL與本次註冊URL匹配時的回撥 
   //routerParameters中包含了傳遞過來的所有引數 
}];

[FFRouter registerRouteURL:@"wildcard://*" handler:^(NSDictionary *routerParameters) {
   //Route的URL與本次註冊URL匹配時的回撥 
   //routerParameters中包含了傳遞過來的所有引數 
}];

[FFRouter registerRouteURL:@"protocol://page/routerObjectDetails" handler:^(NSDictionary *routerParameters) {
   //Route的URL與本次註冊URL匹配時的回撥  
   //routerParameters中包含了傳遞過來的所有引數
}];
複製程式碼

可通過routerParameters獲取 URL 中的引數，routerParameters[FFRouterParameterURLKey]為完整的URL.

(2)當需要通過以下方法：

+ (id)routeObjectURL:(NSString *)URL;
複製程式碼

Route 一個 URL 並獲取返回值時，需要使用如下方法註冊 URL：

+ (void)registerObjectRouteURL:(NSString *)routeURL handler:(FFObjectRouterHandler)handlerBlock;
複製程式碼

並在 handlerBlock 中返回需要返回的 Object，例如：

//註冊並返回必要的值
[FFRouter registerObjectRouteURL:@"protocol://page/routerObjectDetails" handler:^id(NSDictionary *routerParameters) {
        NSString *str = @“根據需要返回必要的Object”;
        return str;
    }];
    
//獲取返回的值
NSString *ret = [FFRouter routeObjectURL:@"protocol://page/routerObjectDetails"];
複製程式碼

(3)如果想要 routeURL 後通過非同步回撥獲取返回的 Object，可使用下面方法註冊和 Route URL：

//註冊並在必要時間通過回撥返回對應 Object
[FFRouter registerCallbackRouteURL:@"protocol://page/RouterCallbackDetails" handler:^(NSDictionary *routerParameters, FFRouterCallback targetCallBack) {
       //在必要時候通過 targetCallBack 回撥去返回對應 Object
       targetCallBack(@"任意Object");
}];

//Route 時通過 ‘targetCallback’ 回撥獲取返回的對應 Object
[FFRouter routeCallbackURL:@"protocol://page/RouterCallbackDetails?nickname=imlifengfeng" targetCallback:^(id callbackObjc) {
        self.testLabel.text = [NSString stringWithFormat:@"%@",callbackObjc];
    }];
複製程式碼

(4)如果需要傳遞非常規物件作為引數，如UIImage等，可使用如下方式：

[FFRouter routeURL:@"protocol://page/routerDetails?nickname=imlifengfeng" withParameters:@{@"img":[UIImage imageNamed:@"router_test_img"]}];
複製程式碼

如果只需要傳遞普通引數，直接在URL後拼接引數即可：

[FFRouter routeURL:@"protocol://page/routerDetails?nickname=imlifengfeng&id=666&parameters......"];
複製程式碼

之後從routerParameters中獲取這些引數。例如：routerParameters[@"nickname"]

2、URL Rewrite

/**
 根據設定的 Rules 去 rewrite 一個 URL

 @param url 將被 rewrite 的 URL
 @return rewrite 後的 URL
 */
+ (NSString *)rewriteURL:(NSString *)url;

/**
 新增一個 RewriteRule

 @param matchRule 正則匹配規則
 @param targetRule 轉換規則
 */
+ (void)addRewriteMatchRule:(NSString *)matchRule targetRule:(NSString *)targetRule;

/**
 同時新增多個 RewriteRule，格式必須為：@[@{@"matchRule":@"YourMatchRule",@"targetRule":@"YourTargetRule"},...]

 @param rules RewriteRules
 */
+ (void)addRewriteRules:(NSArray<NSDictionary *> *)rules;

/**
 移除一個 RewriteRule

 @param matchRule 將被移除的 matchRule
 */
+ (void)removeRewriteMatchRule:(NSString *)matchRule;

/**
 移除所有 RewriteRule
 */
+ (void)removeAllRewriteRules;
複製程式碼

【備註】

(1)可以使用正則新增一條 Rewrite 規則，例如：要實現開啟 URL:https://www.taobao.com/search/原子彈時，將其攔截，改用本地已註冊的 URL:protocol://page/routerDetails?product=原子彈開啟。首先新增一條 Rewrite 規則：

[FFRouterRewrite addRewriteMatchRule:@"(?:https://)?www.taobao.com/search/(.*)" targetRule:@"protocol://page/routerDetails?product=$1"];
複製程式碼

之後在開啟URL:https://www.taobao.com/search/原子彈時，將會 Rewrite 到URL:protocol://page/routerDetails?product=原子彈。

[FFRouter routeURL:@"https://www.taobao.com/search/原子彈"];
複製程式碼

(2)可以通過以下方法同時增加多個規則：

+ (void)addRewriteRules:(NSArray<NSDictionary *> *)rules;
複製程式碼

其中 rules 格式必須為以下格式：

@[@{@"matchRule":@"YourMatchRule1",@"targetRule":@"YourTargetRule1"},
  @{@"matchRule":@"YourMatchRule2",@"targetRule":@"YourTargetRule2"},
  @{@"matchRule":@"YourMatchRule3",@"targetRule":@"YourTargetRule3"},]
複製程式碼

(3)Rewrite 規則中的保留字：

通過 $scheme、$host、$port、$path、$query、$fragment 獲取標準 URL 中的相應部分。通過$url獲取完整 URL
通過 $1、$2、$3...獲取matchRule的正則中使用圓括號取出的引數
$：原變數的值、$$：原變數URL Encode後的值、$#：原變數URL Decode後的值

例如： https://www.taobao.com/search/原子彈對於Rewrite 規則(?:https://)?www.taobao.com/search/(.*)

$1=原子彈
$$1=%e5%8e%9f%e5%ad%90%e5%bc%b9
複製程式碼

同樣，https://www.taobao.com/search/%e5%8e%9f%e5%ad%90%e5%bc%b9對於Rewrite 規則(?:https://)?www.taobao.com/search/(.*)

$1=%e5%8e%9f%e5%ad%90%e5%bc%b9
$#1=原子彈
複製程式碼

2、FFRouterNavigation

考慮到經常用路由配置UIViewController之間的跳轉，所以增加了額外的工具FFRouterNavigation來更方便地控制UIViewController之間的跳轉。具體使用方法如下：

/**
 push 時是否自動隱藏底部TabBar

 @param hide 是否自動隱藏，預設為 NO
 */
+ (void)autoHidesBottomBarWhenPushed:(BOOL)hide;



/**
 獲取當前 ViewController

 @return 當前 ViewController
 */
+ (UIViewController *)currentViewController;

/**
 獲取當前 NavigationViewController

 @return return 當前 NavigationViewController
 */
+ (nullable UINavigationController *)currentNavigationViewController;



/**
 Push ViewController

 @param viewController 被 Push 的 ViewController
 @param animated 是否使用動畫
 */
+ (void)pushViewController:(UIViewController *)viewController animated:(BOOL)animated;

/**
 Push ViewController，可設定當前 ViewController 是否還保留

 @param viewController 被 Push 的 ViewController
 @param replace 當前 ViewController 是否還保留
 @param animated 是否使用動畫
 */
+ (void)pushViewController:(UIViewController *)viewController replace:(BOOL)replace animated:(BOOL)animated;

/**
 Push 多個 ViewController

 @param viewControllers ViewController Array
 @param animated 是否使用動畫
 */
+ (void)pushViewControllerArray:(NSArray *)viewControllers animated:(BOOL)animated;

/**
 present ViewController

 @param viewController 被 present 的 ViewController
 @param animated 是否使用動畫
 @param completion 回撥
 */
+ (void)presentViewController:(UIViewController *)viewController animated:(BOOL)animated completion:(void (^ __nullable)(void))completion;



/**
 關閉當前 ViewController，push、present 方式通用

 @param animated 是否使用動畫
 */
+ (void)closeViewControllerAnimated:(BOOL)animated;
複製程式碼

感謝

FFRouter實現方案參考了以下文章，在此表示感謝！

iOS元件化實踐
2019-03-03
iOS元件化
iOS 元件化實踐思考
2017-10-27
iOS元件化
Android 元件化最佳實踐
2018-07-31
Android元件化
Android元件化最佳實踐-ARetrofit
2019-01-30
Android元件化
Android 元件化最佳實踐 ARetrofit 原理
2019-08-06
Android元件化
iOS 元件化實踐方案－LDBusMediator 煉就
2016-05-31
iOS元件化
元件化實踐詳解（一）
2018-03-22
元件化
元件化實踐詳解（二）
2018-04-13
元件化
iOS 元件化/模組化架構設計實踐
2021-10-31
iOS元件化架構
蜂鳥商家版 iOS 元件化 / 模組化實踐總結
1970-01-01
iOS元件化
模式的解藕
2004-02-01
模式
React 進階二-元件最佳實踐
2019-03-14
React元件
?vue元件釋出npm最佳實踐
2018-06-15
Vue元件NPM
編寫 React 元件的最佳實踐
2017-02-26
React元件
網易公開課iOS資訊流卡頓最佳化實踐
2024-01-16
iOS
iOS Deep Linking 最佳實踐
2017-12-31
iOS
最佳實踐（2）：iOS開發篇
2015-04-06
iOS
多Target、元件化實踐
2017-07-07
元件化
iOS模組化探索實踐
2018-04-16
iOS
前端工程化最佳實踐
2021-07-03
前端
Vue工程化最佳實踐
2018-12-14
Vue
Vue 工程化最佳實踐
2018-12-14
Vue
Gulp 結構化最佳實踐
2016-08-23
Golang效能最佳化實踐
2024-06-13
Golang
元件化工具BeeHive（二）：元件化實踐
2018-06-12
元件化Hive
iOS 開發者的 Weex 偽最佳實踐指北
2019-02-28
iOS
iOS原生混合RN開發最佳實踐
2018-05-16
iOS
心遇iOS端會話頁效能最佳化 — ReactiveObjC實踐篇
2023-05-04
iOS會話ReactOBJ
聚美元件化實踐之路
2018-01-04
元件化
前端元件化開發實踐
2015-07-12
前端元件化
漫談 React 元件庫開發（二）：元件庫最佳實踐
2019-02-16
React元件
8個雲成本最佳化的最佳實踐
2023-03-15
Mysql事務原理與最佳化最佳實踐
2024-04-28
MySql
最佳化您的部署：Docker 映象最佳實踐
2024-03-20
Docker
頁面CLS 最佳化實踐
2023-11-03
Rancher 全球化部署最佳實踐
2022-11-22
Docker 映象優化與最佳實踐
2017-10-24
Docker優化
MySQL·最佳實踐·空間優化
2016-06-21
MySql優化

iOS 解藕、元件化最佳實踐

Github連結：FFRouter

功能

安裝

CocoaPods

手動安裝

使用方法

1、基本使用

【備註】

2、URL Rewrite

【備註】

2、FFRouterNavigation

感謝

相關文章