如何优雅的实现界面跳转 之 原生界面跳转的统跳实践 – DarwinNativeDispatcher

PS 感谢大家的关注,由于我本想开源4个库,除了router,
另外三个分别是native dispatcher, web dispatcher 和 react dispatcher ,
所以router 对native dispatcher
有了库依赖,为了共同学习,我把router单独分离成pod,再次感谢大家的关注,欢迎叫router更完善。best
regards.

如何优雅的实现界面跳转 之 原生界面跳转的统跳实践 – DarwinNativeDispatcher


@author Jou Email
Weibo or
Github


@author Jou Email Weibo or Github

预热 – 我要解决的问题

app长大的过程中,也是我们痛苦的过程。如果不暂停一下重构代码,以后开发的过程中会是分分钟日了狗。
首先推荐Gaosboy的一篇文章解耦神器 ——
统跳协议和Rewrite引擎

文章中,介绍了天猫app,基于文件配置和uri的页面跳转。这大大增加了app端的灵活性,
而这种实现很类似今天的前端或后端开发中的 静态路由 和 动态路由协议。
有了思想, 没有实现,
所以DarwinNativeDispatcher是这种Thinking下的产物。
DarwinNativeDispatcher针对性的解决原生界面间的跳转问题,但它并不涉及实现任何的路由协议。

为了更好地理解, 我举个栗子(对是栗子):

场景0.

用户重新登录,需要重新布局根部的rootviewcontroller,如tabbarcontroller
并重新选到默认的第一项

场景1.

在某些特殊情况下, 你不得不在view中调用方法,跳转界面。

场景2.

实现自定义的alert窗,常需要实现很多次要逻辑,如自定义window,

场景3.

在某些ue下,你需要替换rootcontroller

相信我, 在遇到类似问题的时候,你不必再在appdelegate 或
其分类中,写跳转逻辑,或是不停的获取rootcontroller造成一些ugly的代码。
你完全可以试试DarwinNativeDispatcher,
经过简单的初始化,它可以轻松handle这些问题,包括聚美app的那种奇葩的结构。

在DarwinNativeDispatcher之后,我还在写三个框架,他们分别是

  1. DarwinHybridDispatcher 针对web页面的分派器
  2. DarwinReactDispatcher 针对react native页面的分派器
  3. DarwinRouter 针对统跳的路由协议

首先我还是要推荐Gaosboy的这篇文章解耦神器 ——
统跳协议和Rewrite引擎文章中,介绍了天猫app,基于文件配置和uri的页面跳转。这大大增加了app端的灵活性,
而这种实现很类似今天的前端或后端开发中的 静态路由 和
动态路由协议。除了天猫,在很多的客户端架构的文章中,路由解耦的案例并不不少见,如携程移动App架构优化之旅蘑菇街App的组件化之路原生路由协议,
其实两年前就有了类似的实现。比如900+Star的HHRouter,而作者是当时还在布丁动画工作的Light。2015年我有幸见到本人,人很nice,并真是全栈。DarwinNativeRouter
在接口设计上,很大程度上的参考了现有的react路由协议 react
router。并且对原生跳转方式保留很大的可扩展性。所以我的初衷
DarwinNativeRouter 是一个足够轻量级的框架。Light & Flexible。

如何使用 – DarwinNativeDispatcher

没错,DarwinNativeDispatcher在表现上,也是我链式编程的一次实践。

  1. 引入DarwinNativeDispatcher

#import "DarwinNativeDispatcher.h"
  1. 如果你的rootcontroller是 tabbarcontroller 或是 navigationController

[DNDispatcher dispatcher].defaultTabbarController.pushViewController(controller);

// or

[DNDispatcher dispatcher].defaultNavigationController.pushViewController(controller);
  1. 替换rootcontroller

UIViewController *controller = [[UIViewController alloc]init];
controller.view.backgroundColor = [UIColor orangeColor];

[DNDispatcher dispatcher].rootViewController.replaceRootControllerWithController(controller);
  1. 实现自己的alert对话框

UIViewController *controller = [[UIViewController alloc]init];
controller.view.backgroundColor = [UIColor orangeColor];

[[DNDispatcher dispatcher].alertViewController clearColor];

//show it
[DNDispatcher dispatcher].alertViewController.show(controller);

//hide it
[[DNDispatcher dispatcher].alertViewController hide];

错中复杂的Controller的跳转依赖

在iOS的世界里,传统的Controller跳转方式, A 跳转 B, 则 A 必须持有 B
的对象。 而在app长大的过程中, 势必会造成 A -> B , B -> C, A
-> C D, E, F…从而产生复杂的依赖链。全局的Router 使 A 不必依赖于
特定的 Controller 便可以实现跳转。

如下面跳转:

We Always Do:

 UIViewController *personal = [UIViewController new]; personal.userId = @"10238372"; [self.navigationController pushViewController:personal animated:YES]; 

Router Code:

 [[DNRouter router]open:@"./user/10238372/profile"];

又比如我们要在navigationController根路径跳转

We Always Do:

 [self.navigationController popToRootViewControllerAnimated:NO]; UIViewController *personal = [UIViewController new]; personal.userId = @"10238372"; [self.navigationController pushViewController:personal animated:YES];

Router Code:

 [[DNRouter router]open:@"/user/10238372/profile"];

后言

DarwinNativeDispatcher
现在还没有到1.0版本,还有很多可以想象的东西,欢迎让他更加完善,和提pr。
DarwinNativeDispatcher’s
Github

@author Jou Email
Weibo or
Github

推送通知,点击打开指定页面

对于这种需求, 相信,目前最多的实现应该是两种, 一种的传参的Url,
而另一种,是传递int类型,并通过类似switch
case对参数值的硬编码,实现跳转逻辑。我是很反感第二种的跳转方式, 1.
int毫无疑义, 只能硬解释。 2. 跳转的页面有限。 当然如果url采用硬编码,
也是跳转有限的。而有了router,一切不一样。

  1. 从didFinishLaunchingWithOptions 和
    didReceiveRemoteNotification捕获payload

  2. 跳用Router

Somethings we may do:

switch  { case 1001: //jumping code break; case 1002: //jumping code break; case 1003: //jumping code break; case 1004: //jumping code break; default: break; }

Now we need do:

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

- application:(UIApplication *)app openURL:url options:(NSDictionary<NSString*, id> *)options{ if([[DNRouter router]canOpen:url.absoluteString]) { [[DNRouter router]open:url.absoluteString]; return YES; } return NO;}

一致的行为处理, Hybrid & React Native

有了Router, 你可以使这些跳转 有一致的行为。

静态路由 /user

[DNRouter routerWithName:@"profile" path:@"/user" navigationController:(UINavigationController *)self.window.rootViewController controller:^__kindof UIViewController *{ UIViewController *controller = [[UIStoryboard storyboardWithName:@"Main" bundle:nil]instantiateViewControllerWithIdentifier:@"kMainBoard"]; return controller;} action:^(__kindof UIViewController *controller) { [DNDispatcher dispatcher].defaultNavigationController.animation.pushViewController(controller);// 希望大家注意下动画的设置,若animation设为YES, 容易造成animation system的混乱,需要保证最后一个push的前的所有controller的动画为NO.}];

动态路由 /user/:id

[DNRouter routerWithName:@"profile" path:@"/user/:id" navigationController:(UINavigationController *)self.window.rootViewController controller:^__kindof UIViewController *{ UIViewController *controller = [[UIStoryboard storyboardWithName:@"Main" bundle:nil]instantiateViewControllerWithIdentifier:@"kMainBoard"]; return controller;} action:^(__kindof UIViewController *controller) { [DNDispatcher dispatcher].defaultNavigationController.animation.pushViewController(controller);// 希望大家注意下动画的设置,若animation设为YES, 容易造成animation system的混乱,需要保证最后一个push的前的所有controller的动画为NO.}];

更方便的跳转,名称跳转 name jumping

 [[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.rootViewController controller:^__kindof UIViewController *{ UIViewController *controller = [[UIStoryboard storyboardWithName:@"Main" bundle:nil]instantiateViewControllerWithIdentifier:@"kMainBoard"]; return controller;} action:^(__kindof UIViewController *controller) { [DNDispatcher dispatcher].defaultNavigationController.animation.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