日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當(dāng)前位置: 首頁 > 编程资源 > 编程问答 >内容正文

编程问答

如何优雅的实现界面跳转 之 统跳协议 - DarwinNativeRouter

發(fā)布時間:2024/4/17 编程问答 23 豆豆
生活随笔 收集整理的這篇文章主要介紹了 如何优雅的实现界面跳转 之 统跳协议 - DarwinNativeRouter 小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.

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

如何優(yōu)雅的實現(xiàn)界面跳轉(zhuǎn) 之 統(tǒng)跳協(xié)議 - DarwinNativeRouter


@author Jou Email Weibo or Github


預(yù)熱 - 我要解決的問題

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

全局路由協(xié)議能解決的問題

錯中復(fù)雜的Controller的跳轉(zhuǎn)依賴

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

如下面跳轉(zhuǎn):

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根路徑跳轉(zhuǎn)

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"];
推送通知,點擊打開指定頁面

對于這種需求, 相信,目前最多的實現(xiàn)應(yīng)該是兩種, 一種的傳參的Url, 而另一種,是傳遞int類型,并通過類似switch case對參數(shù)值的硬編碼,實現(xiàn)跳轉(zhuǎn)邏輯。
我是很反感第二種的跳轉(zhuǎn)方式, 1. int毫無疑義, 只能硬解釋。 2. 跳轉(zhuǎn)的頁面有限。 當(dāng)然如果url采用硬編碼, 也是跳轉(zhuǎn)有限的。
而有了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, 在點擊對應(yīng)的新浪微博熱點 條目時, 就發(fā)生了跳轉(zhuǎn),并跳到了條目詳情。
    Router, 同樣可以被用作 app 間通訊, 和 deeplink 的原理相同。uri的通訊方式,被認(rèn)為是最簡單的app間通訊。 如我們常常使用的微信分享,配置的 scheme 就是用來做跳轉(zhuǎn)和通訊的。

    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, 你可以使這些跳轉(zhuǎn) 有一致的行為。

    DarwinNativeRouter 特性

    靜態(tài)路由 /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 // 希望大家注意下動畫的設(shè)置,若animation設(shè)為YES, 容易造成animation system的混亂,需要保證最后一個push的前的所有controller的動畫為NO. 12 13 }];

    ?


    動態(tài)路由 /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 // 希望大家注意下動畫的設(shè)置,若animation設(shè)為YES, 容易造成animation system的混亂,需要保證最后一個push的前的所有controller的動畫為NO. 12 }];

    ?


    更方便的跳轉(zhuǎn),名稱跳轉(zhuǎn) name jumping
    ?1 [[DNRouter router]redirect:@"profile"];?
    相對路徑跳轉(zhuǎn)
    //跟路徑 [[DNRouter router]open:@"/user"];//當(dāng)前路徑 [[DNRouter router]open:@"./user"];//上一級 [[DNRouter router]open:@"../user"];

    ?

    易擴(kuò)展, 自定義跳轉(zhuǎn) 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);}];

    ?

    默認(rèn)行為,及 異常處理,index & 404

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

    ?

    后言

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

    @author Jou Email Weibo or Github

    ?

    轉(zhuǎn)載于:https://www.cnblogs.com/fengmin/p/5377286.html

    總結(jié)

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

    如果覺得生活随笔網(wǎng)站內(nèi)容還不錯,歡迎將生活随笔推薦給好友。