PS 感謝大家的關注，由于我本想開源4個庫，除了router, 另外三個分別是native dispatcher, web dispatcher 和 react dispatcher , 所以router 對native dispatcher 有了庫依賴，為了共同學習，我把router單獨分離成pod，再次感謝大家的關注，歡迎叫router更完善。best regards.

如何優雅的實現界面跳轉 之 統跳協議 - DarwinNativeRouter

---

@author Jou Email Weibo or Github

---

預熱 - 我要解決的問題

首先我還是要推薦Gaosboy的這篇文章解耦神器 —— 統跳協議和Rewrite引擎
文章中，介紹了天貓app，基于文件配置和uri的頁面跳轉。這大大增加了app端的靈活性， 而這種實現很類似今天的前端或后端開發中的 靜態路由 和 動態路由協議。
除了天貓，在很多的客戶端架構的文章中，路由解耦的案例并不不少見，如攜程移動App架構優化之旅
蘑菇街App的組件化之路
原生路由協議， 其實兩年前就有了類似的實現。比如900+Star的HHRouter，而作者是當時還在布丁動畫工作的Light。2015年我有幸見到本人，人很nice，并真是全棧。
DarwinNativeRouter 在接口設計上，很大程度上的參考了現有的react路由協議 react router。并且對原生跳轉方式保留很大的可擴展性。所以我的初衷 DarwinNativeRouter 是一個足夠輕量級的框架。Light & Flexible。

全局路由協議能解決的問題

錯中復雜的Controller的跳轉依賴

在iOS的世界里，傳統的Controller跳轉方式， A 跳轉 B， 則 A 必須持有 B 的對象。 而在app長大的過程中， 勢必會造成 A －> B , B -> C, A -> C D, E, F...
從而產生復雜的依賴鏈。全局的Router 使 A 不必依賴于 特定的 Controller 便可以實現跳轉。

如下面跳轉：

We Always Do:

1 UIViewController *personal = [UIViewController new]; 2 personal.userId = @"10238372"; 3 [self.navigationController pushViewController:personal animated:YES];
Router Code: ?1 [[DNRouter router]open:@"./user/10238372/profile"];?

又比如我們要在navigationController根路徑跳轉

We Always Do:

1 [self.navigationController popToRootViewControllerAnimated:NO]; 2 UIViewController *personal = [UIViewController new]; 3 personal.userId = @"10238372"; 4 [self.navigationController pushViewController:personal animated:YES];
Router Code: [[DNRouter router]open:@"/user/10238372/profile"];
推送通知，點擊打開指定頁面

對于這種需求， 相信，目前最多的實現應該是兩種， 一種的傳參的Url， 而另一種，是傳遞int類型，并通過類似switch case對參數值的硬編碼，實現跳轉邏輯。
我是很反感第二種的跳轉方式， 1. int毫無疑義， 只能硬解釋。 2. 跳轉的頁面有限。 當然如果url采用硬編碼， 也是跳轉有限的。
而有了router，一切不一樣。

從didFinishLaunchingWithOptions 和 didReceiveRemoteNotification捕獲payload

跳用Router

Somethings we may do:

1 switch (type) { 2 case 1001: 3 //jumping code 4 break; 5 6 case 1002: 7 //jumping code 8 break; 9 case 1003: 10 //jumping code 11 break; 12 case 1004: 13 //jumping code 14 break; 15 16 default: 17 break; 18 }

?

Now we need do:

?1 if([[DNRouter router]canOpen:url.absoluteString]) [[DNRouter router]open:url.absoluteString];?
app間通訊 及 deeplink

Router 可以輕松handle deeplink。 deeplink 即： 從safari打開app的指定頁面。 這方面做得比較好的， 如新浪微博的app， 在點擊對應的新浪微博熱點 條目時， 就發生了跳轉，并跳到了條目詳情。
Router， 同樣可以被用作 app 間通訊， 和 deeplink 的原理相同。uri的通訊方式，被認為是最簡單的app間通訊。 如我們常常使用的微信分享，配置的 scheme 就是用來做跳轉和通訊的。

Router Code

1 - (BOOL)application:(UIApplication *)app openURL:(NSURL *)url options:(NSDictionary<NSString*, id> *)options 2 { 3 if([[DNRouter router]canOpen:url.absoluteString]) 4 { 5 [[DNRouter router]open:url.absoluteString]; 6 return YES; 7 } 8 return NO; 9 }

?

一致的行為處理， Hybrid & React Native

有了Router， 你可以使這些跳轉 有一致的行為。

DarwinNativeRouter 特性

靜態路由 ／user

1 [DNRouter routerWithName:@"profile" path:@"/user" 2 navigationController:(UINavigationController *)self.window.rootViewController 3 controller:^__kindof UIViewController *{ 4 5 UIViewController *controller = [[UIStoryboard storyboardWithName:@"Main" bundle:nil]instantiateViewControllerWithIdentifier:@"kMainBoard"]; 6 return controller; 7 8 } action:^(__kindof UIViewController *controller) { 9 10 [DNDispatcher dispatcher].defaultNavigationController.animation(NO).pushViewController(controller); 11 // 希望大家注意下動畫的設置，若animation設為YES, 容易造成animation system的混亂，需要保證最后一個push的前的所有controller的動畫為NO. 12 13 }];

?

動態路由 /user/:id 1 [DNRouter routerWithName:@"profile" path:@"/user/:id" 2 navigationController:(UINavigationController *)self.window.rootViewController 3 controller:^__kindof UIViewController *{ 4 5 UIViewController *controller = [[UIStoryboard storyboardWithName:@"Main" bundle:nil]instantiateViewControllerWithIdentifier:@"kMainBoard"]; 6 return controller; 7 8 } action:^(__kindof UIViewController *controller) { 9 10 [DNDispatcher dispatcher].defaultNavigationController.animation(NO).pushViewController(controller); 11 // 希望大家注意下動畫的設置，若animation設為YES, 容易造成animation system的混亂，需要保證最后一個push的前的所有controller的動畫為NO. 12 }];

?

更方便的跳轉，名稱跳轉 name jumping ?1 [[DNRouter router]redirect:@"profile"];?
相對路徑跳轉 //跟路徑 [[DNRouter router]open:@"/user"];//當前路徑 [[DNRouter router]open:@"./user"];//上一級 [[DNRouter router]open:@"../user"];

?

易擴展， 自定義跳轉 action

[DNRouter routerWithName:@"profile" path:@"/user/:id"navigationController:(UINavigationController *)self.window.rootViewControllercontroller:^__kindof UIViewController *{UIViewController *controller = [[UIStoryboard storyboardWithName:@"Main" bundle:nil]instantiateViewControllerWithIdentifier:@"kMainBoard"];return controller;} action:^(__kindof UIViewController *controller) {[DNDispatcher dispatcher].defaultNavigationController.animation(YES).pushViewController(controller);}];

?

默認行為，及 異常處理，index & 404

// index page [DNRouter defaultRouterWithController:^__kindof UIViewController *{} action:^(__kindof UIViewController *controller) {}];// 404 page [DNRouter notFoundRouterWithController:^__kindof UIViewController *{} action:^(__kindof UIViewController *controller) {}];

?

后言

DarwinNativeRouter 現在還沒有到1.0版本，還有很多可以想象的東西，歡迎讓他更加完善，和提pr。
DarwinNativeRouter's Github

@author Jou Email Weibo or Github

?

轉載于:https://www.cnblogs.com/fengmin/p/5377286.html

總結

以上是生活随笔為你收集整理的如何优雅的实现界面跳转 之 统跳协议 - DarwinNativeRouter的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。