资讯专栏INFORMATION COLUMN

iOS 撸一个简单路由Router

nodejh / 637人阅读

摘要:相信大家都有疑问,如何成为一个很简单,它是自动的参见,只要某个类遵守了,它便成为了一个。即路径,表示能够处理的路径。该类是否遵守某个协议。得益于的这两个函数,即可获取到众多的。因此,持有每个请求的路径,以及必要的参数,之后再无多余操作。

平常开发中用户点击头像, 进入个人主页,这看似平常的操作, 背后极有可能会牵扯到多个模块。 再如: 视频模块的播放页, 有与视频相关的音乐,点击这些音乐,需要跳转到音乐模块的播放页, 这样视频与音乐模块之间,不可避免的会产生依赖或耦合。 这个问题让人脑壳疼,相信很多朋友都这样做过,写一些代理或通知, 不停的传递事件; 有时干脆直接导入另一个模块。

因为我在公司独立开发, 顾及少一点,可以拿公司项目做实践,在尝试组件化的过程中, 了解到了路由, 对于解决上述问题, 有极大的帮助。因此我想总结并与大家分享一下。

接口预览

Router

NS_ASSUME_NONNULL_BEGIN
@interface SJRouter : NSObject
+ (instancetype)shared;

- (void)handleRequest:(SJRouteRequest *)request completionHandler:(SJCompletionHandler)completionHandler;
@end
NS_ASSUME_NONNULL_END

RouteRequest

NS_ASSUME_NONNULL_BEGIN
@interface SJRouteRequest : NSObject
- (instancetype)initWithURL:(NSURL *)URL;
- (instancetype)initWithPath:(NSString *)requestPath parameters:(nullable SJParameters)parameters;
@property (nonatomic, strong, readonly) NSString *requestPath;
@property (nonatomic, strong, readonly, nullable) SJParameters prts;
- (instancetype)init NS_UNAVAILABLE;
+ (instancetype)new  NS_UNAVAILABLE;
@end
NS_ASSUME_NONNULL_END

RouteHandlerProtocol

NS_ASSUME_NONNULL_BEGIN
typedef id SJParameters;

@protocol SJRouteHandler
+ (NSString *)routePath;
+ (void)handleRequestWithParameters:(nullable SJParameters)parameters topViewController:(UIViewController *)topViewController completionHandler:(nullable SJCompletionHandler)completionHandler;
@end
NS_ASSUME_NONNULL_END

_

流程

简单的讲,app应用中,路由识别一个请求, 将它分派给对应的handler进行处理。 这个流程非常像发送一个网络请求(拼接参数=>发起请求=>回调)。
同样的,当Router收到下面的请求时(请求视频播放页):

- (void)push:(id)sender {
    SJRouteRequest *request = [[SJRouteRequest alloc] initWithPath:@"video/playbackInfo" parameters:@{@"video_id":@(111)}];
    [SJRouter.shared handleRequest:request completionHandler:^(id  _Nullable result, NSError * _Nullable error) {
#ifdef DEBUG
        NSLog(@"%d - %s", (int)__LINE__, __func__);
#endif
    }];
}

会尝试识别路由, 找到匹配的handler,传递必要参数:

@implementation SJRouter
- (void)handleRequest:(SJRouteRequest *)request completionHandler:(SJCompletionHandler)completionHandler {
    NSParameterAssert(request); if ( !request ) return;
    Class handler = _handlersM[request.requestPath];
    if ( handler ) {
        [handler handleRequestWithParameters:request.requestPath topViewController:_sj_get_top_view_controller() completionHandler:completionHandler];
    }
    else {
        printf("
 (-_-) Unhandled request: %s", request.description.UTF8String);
    }
}
@end

最后handler进行处理。

@implementation TestViewController
+ (NSString *)routePath {
    return @"video/playbackInfo";
}

+ (void)handleRequestWithParameters:(nullable SJParameters)parameters topViewController:(UIViewController *)topViewController completionHandler:(nullable  SJCompletionHandler)completionHandler {
    TestViewController *vc = [TestViewController new];
    vc.completionHandler = completionHandler;
    [topViewController.navigationController pushViewController:vc animated:YES];
}
@end

至此, 我们再回过头看刚开始举的那个例子:
视频模块的播放页, 有与视频相关的音乐,点击这些音乐,需要跳转到音乐模块的播放页。
此时,可以让视频模块依赖Router, 进行跳转请求。这看起来都是依赖,实则两者差别很大了。

路由不止能处理跳转音乐模块的请求, 依赖也从多个变成只依赖Router即可。。。

在删除某个依赖模块时, 需要删除依赖的代码, 很烦的, 对吧。

吧啦吧啦吧啦吧啦吧啦。。。

所以点击跳转音乐模块,可以替换成如下操作, 发起请求:

    SJRouteRequest *request = [[SJRouteRequest alloc] initWithPath:@"audio/playbackInfo" parameters:@{@"audio_id":@(232)}];
    [SJRouter.shared handleRequest:request completionHandler:^(id  _Nullable result, NSError * _Nullable error) {
#ifdef DEBUG
        NSLog(@"%d - %s", (int)__LINE__, __func__);
#endif
    }];

router找到对应的handler, 让其进行处理。

_

Handler

从开始到现在,可以看出Handler就是最终执行请求的那个家伙。 相信大家都有疑问, 如何成为一个Handler?

很简单,它是自动的(参见Router), 只要某个类遵守了SJRouteHandlerProtocol, 它便成为了一个Handler。再来看一遍协议吧。

NS_ASSUME_NONNULL_BEGIN
typedef id SJParameters;

@protocol SJRouteHandler
+ (NSString *)routePath;
+ (void)handleRequestWithParameters:(nullable SJParameters)parameters topViewController:(UIViewController *)topViewController completionHandler:(nullable SJCompletionHandler)completionHandler;
@end
NS_ASSUME_NONNULL_END

routePath: 即路径, 表示handler能够处理的路径。当发起请求时, Router会通过路径获取到对应的handler, 交给其进行处理。

handleRequestWithParameters。。。: handler进行的处理。

_

Router

在整个请求过程中,Router做的事情实质上就是在众多Handler中寻找命中注定的那一个。如何寻找呢?为什么遵守了SJRouteHandlerProtocol便自动成为了Handler呢?
这自然要归功于Runtime的强大力量,我们先看如何实现吧。

@implementation SJRouter 
- (instancetype)init {
    self = [super init];
    if ( !self ) return nil;
    _handlersM = [NSMutableDictionary new];
    int count = objc_getClassList(NULL, 0);
    Class *classes = (Class *)malloc(sizeof(Class) * count); objc_getClassList(classes, count);
    Protocol *p_handler = @protocol(SJRouteHandler);
    for ( int i = 0 ; i < count ; ++ i ) {
        Class cls = classes[i];
        for ( Class thisCls = cls ; nil != thisCls ; thisCls = class_getSuperclass(thisCls) ) {
            if ( !class_conformsToProtocol(thisCls, p_handler) ) continue;
            if ( ![(id)thisCls respondsToSelector:@selector(routePath)] ) continue;
            if ( ![(id)thisCls respondsToSelector:@selector(handleRequestWithParameters:topViewController:completionHandler:)] ) continue;
            _handlersM[[(id)thisCls routePath]] = thisCls;
            break;
        }
    }
    if ( classes ) free(classes);
    return self;
}
@end

objc_getClassList: 很明显了, 获取App所有类。

class_conformsToProtocol: 该类是否遵守某个协议。

得益于Runtime的这两个函数,即可获取到众多的Handler。 当发起请求时, 在众多Handler中寻找注定的那一个, 岂不是易如反掌。

_

Request

App发起的跳转请求,更多到是内部页面之间的跳转, 我们最需要关注的就是它的路径,所以整个路由都是围绕着路径去跳转的, 而像URL中的schemehost,体现出来的作用倒是不大。至少在我的项目中跳转第三方App(例如分享)都是使用的友盟这类的SDK去处理的。

因此, Request持有每个请求的路径, 以及必要的参数, 之后再无多余操作。
_

好了, 就到这里了。

下面是项目地址, 有兴趣到话可以与我一起交流哦。。。

https://github.com/changsanji...

Email: changsanjiang@gmail.com

QQGroup: 719616775

最后,文章难免会有疏漏与考虑不周之处, 望请大家指正。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/17139.html

相关文章

  • 手摸手,带你用vue后台 系列二(登录权限篇)

    摘要:我们将登录按钮上绑上事件,点击登录之后向服务端提交账号和密码进行验证。所以前端和后端权限的划分是不太一致。侧边栏最后一个涉及到权限的地方就是侧边栏,不过在前 完整项目地址:vue-element-admin 系列文章: 手摸手,带你用vue撸后台 系列一(基础篇) 手摸手,带你用vue撸后台 系列二(登录权限篇) 手摸手,带你用vue撸后台 系列三 (实战篇) 手摸手,带你用vu...

    不知名网友 评论0 收藏0
  • 前端框架起来——组件和路由

    摘要:如何实现模块化以及写出优雅的代码,接下来就是组件和路由的事情。本框架我们约定组件有三个方法。本框架暂不支持浏览器地址路由,有兴趣的同学可以自己实现。框架只有一个html文件,html中只有一个id是app的div,如何点击一个按钮或者菜单来显示对应的页面呢?最初大家都是通过拼接html字符串,然后再绑定,这样写很不优雅,当系统功能模块庞大时,这样下来难以维护。如何实现模块化以及写出优雅的代码...

    番茄西红柿 评论0 收藏2637
  • 手摸手,带你用vue后台 系列三(实战篇)

    摘要:社区的认可目前已经是相关最多的开源项目了,体现出了社区对其的认可。监听事件手动维护列表这样我们就简单的完成了拖拽排序。 完整项目地址:vue-element-admin 系类文章一:手摸手,带你用vue撸后台 系列一(基础篇)系类文章二:手摸手,带你用vue撸后台 系列二(登录权限篇)系类文章三:手摸手,带你用vue撸后台 系列三(实战篇)系类文章四:手摸手,带你用vue撸后台 系列...

    Channe 评论0 收藏0
  • 手摸手,带你用vue后台 系列三(实战篇)

    摘要:社区的认可目前已经是相关最多的开源项目了,体现出了社区对其的认可。监听事件手动维护列表这样我们就简单的完成了拖拽排序。 完整项目地址:vue-element-admin 系类文章一:手摸手,带你用vue撸后台 系列一(基础篇)系类文章二:手摸手,带你用vue撸后台 系列二(登录权限篇)系类文章三:手摸手,带你用vue撸后台 系列三(实战篇)系类文章四:手摸手,带你用vue撸后台 系列...

    zgbgx 评论0 收藏0
  • 手摸手,带你用vue后台 系列一(基础篇)

    摘要:详细具体的使用可以见文章手摸手,带你优雅的使用。为了加速线上镜像构建的速度,我们利用源进行加速并且将一些常见的依赖打入了基础镜像,避免每次都需要重新下载。 完整项目地址:vue-element-admin系类文章二:手摸手,带你用vue撸后台 系列二(登录权限篇)系类文章三:手摸手,带你用vue撸后台 系列三(实战篇)系类文章四:手摸手,带你用vue撸后台 系列四(vueAdmin 一...

    xiaotianyi 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<