美文网首页
[组件化]07.组件间通信

[组件化]07.组件间通信

作者: 沈枫_ShenF | 来源:发表于2020-02-26 15:06 被阅读0次

    组件间通信也就是各组件是如何通信的,或者说各模块间如何进行跳转的。完整Demo在此可以下载:这里下载 (请切到feature_business分支,该分支是组件化完成后的Demo)。

    1. 整体思路

    Demo中用到了XCoordinator协调器来处理界面跳转逻辑,用CTMediator中间件来处理组件间通信,这样做的好处是:各组件间相互隔离解耦,而且与中间件也没有耦合关系,组件里需要跳转的部分被coordinator接管,coordinator中跳转的地方只需要调用中间件的方法,通过runtime来完成真正的调用。

    如下图,从AppCoordinator跳到登录界面,直接调用CTMediator的Extension中的方法:

    import UIKit
    import XCoordinator
    import RxSwift
    import CTMediator
    
    enum AppRoute: Route {
        case login
        case homeTab
    }
    
    class SFAppCoordinator: NavigationCoordinator<AppRoute> {
        init() {
            super.init(initialRoute: .login)
        }
        
        override func prepareTransition(for route: AppRoute) -> NavigationTransition {
               switch route {
               case .login:
                    let viewController = CTMediator.sharedInstance()?.loginViewController { [unowned self] in
                        self.unownedRouter.rx.trigger(.homeTab)
                    }
                    guard let loginVC = viewController else {
                        return .none()
                    }
                   return .push(loginVC)
               case .homeTab:
                   return .present(SFHomeTabCoordinator())
            }
        }
                
    }
    

    CTMediator+Login:

    import CTMediator
    
    private let loginKitName = "SFCloudMusicLoginKit"
    private let loginTargetName = "Login"
    private let loginViewControllerActionName = "loginViewController"
    
    public extension CTMediator {
        func loginViewController(loginBlock: Any) -> UIViewController? {
            let params = ["callback" : loginBlock,
            kCTMediatorParamsKeySwiftTargetModuleName:loginKitName] as [AnyHashable:Any]
             let viewController = self.performTarget(loginTargetName, action: loginViewControllerActionName, params: params, shouldCacheTarget: false) as? UIViewController
            return viewController
        }
    }
    

    需要注意的是:kCTMediatorParamsKeySwiftTargetModuleName 对应的value是调用的组件名,比如我要调用登录组件,从而获取其中的登录控制器loginViewController,那这里的组件名就是SFCloudMusicLoginKit。写错了会调用不成功,oc的用法不需要这个,可以参考CTMediator提供的Demo。

    而相应的登录组件中的Target:

    import UIKit
    import RxSwift
    
    @objc class Target_Login: NSObject {
    
       @objc func Action_loginViewController(_ params: NSDictionary) -> UIViewController? {
            let bundle = Bundle(for: Target_Login.self)
            let storyboard = UIStoryboard(name: "Login", bundle: bundle)
            var viewController = storyboard.instantiateViewController(withIdentifier: "SFLoginViewController") as? SFLoginViewController
            guard let loginBlock = params["callback"] as? () -> (Observable<Void>) else {
                return nil
            }
            let viewModel = SFLoginViewModel(loginBlock: loginBlock)
            viewController?.bind(to: viewModel)
            return viewController
        }
    }
    

    要注意的是:Target名和Action 名要与CTMediator分类中调用的一致,而且因为是swift写的,所以class前要用@objc修饰。

    Target类中将想要披露的给外界的方法属性写在这个类里面,目的就是方便外界使用该组件,外界用户通过Target类与组件库交互,而不用去了解组件中的业务逻辑是怎样的。

    2. 组件中的跳转逻辑通过block抽到了coordinator中

    比如我们在登录界面点击登录按钮,要跳到home主界面,这个逻辑在loginViewModel中给按钮设置一个action,action中执行block:

    这个block是在coordinator中传递给CTMediator分类中的方法:

    可以从上图看到,如果执行block的话,会触发present到HomeTabCoordinator,也就能跳到主界面了。而CTMediator分类中真正调用的是Target中的action方法,该方法中将block绑定给了loginViewModel:

    整个过程就是这样,如果不用coordinator的话,那么跳转逻辑就在组件内完成,组件势必要依赖到CTMediator,而用到coordinator,将跳转也独立出来了,各组件完全独立,而且不用依赖CTMediator,这样处理耦合更低。

    3.还可以利用消息总线来进行通信

    消息总线是对发布-订阅模式的一种实现。它是一种集中式事件处理机制,允许不同的组件之间进行彼此通信而又不需要相互依赖,达到一种解耦的目的。
    推荐一个库:QTEventBus

    相关文章

      网友评论

          本文标题:[组件化]07.组件间通信

          本文链接:https://www.haomeiwen.com/subject/sorhgctx.html