iOS VIPER 框架的应用实践

作者: 令狐灵犀 | 来源:发表于2016-04-18 16:53 被阅读2561次
    • MVC 的 "不实"

    谈起iOS框架,我们会下意识的谈起MVC,这个经典框架。但是仔细想想我们并没有做到真正的MVC 的低耦合。 它们之间不断的混用,导致我们的代码不断的增加混乱一直调理不清。我们习惯在model上面写上属性,View上面只是视图控件放在上面。所有的交互基本全部放controller上面,这样会导致我们控制器代码量大大增加,并且逻辑混乱。更重要的是我们测试非常麻烦,一旦有些环节出错会导致整个程序崩溃。

    • 其他框架

        • MVP

        MVP 架构拥有三个真正独立的分层,所以在组装的时候会有一些问题,而 MVP 也成了第一个披露了这种问题的架构。因为我们不想让 View 知道 Model 的信息,所以在当前的 ViewController(角色其实是 View)里面去进行组装肯定是不正确的,我们应该在另外的地方完成组装。比如,我们可以创建一个应用层(app-wide)的 Router 服务,让它来负责组装和 View-to-View 的转场。这个问题不仅在 MVP 中存在,在接下来要介绍的模式里面也都有这个问题。

    MVP 特点:
    • 划分 - 我们把大部分的职责都分配到了 Presenter 和 Model 里面,而 View 基本上不需要做什么(在上面的例子里面,Model 也什么都没做)。
    • 可测性 - 简直棒,我们可以通过 View 来测试大部分的业务逻辑。
    • 易用 - 就我们上面那个简单的例子来讲,代码量差不多是 MVC 架构的两倍,但是 MVP 的思路还是蛮清晰的。
      MVP 架构在 iOS 中意味着极好的可测性和巨大的代码量。
        • MVVM
     MVVM 架构是 MV(X) 里面最新的一个,让我们希望它在出现的时候已经考虑到了 MV(X) 模式之前所遇到的问题吧。
    

    理论上来说,Model - View - ViewModel 看起来非常棒。View 和 Model 我们已经都熟悉了,中间人的角色我们也熟悉了,但是在这里中间人的角色变成了 ViewModel。

    MVVM 特点:
    • MVVM 架构把 ViewController 看做 View。
    • View 和 Model 之间没有紧耦合
    • 另外,它还像 Supervising 版的 MVP 那样做了数据绑定,不过这次不是绑定 View 和Model,而是绑定 View 和 ViewModel。

    那么,iOS 里面的 ViewModel 到底是个什么东西呢?本质上来讲,他是独立于 UIKit 的, View 和 View 的状态的一个呈现(representation)。ViewModel 能主动调用对 Model 做更改,也能在 Model 更新的时候对自身进行调整,然后通过 View 和 ViewModel 之间的绑定,对 View 也进行对应的更新

    • VIPER 框架

      VIPER 框架,把层次分的更加明确,模块化。更加方便测试!!
    viper 设计模式分层:
    • View/User Interface (视图)
    • Interaction (交互)
    • Presenter/Event Handler(展示)
    • Entity (实体)
    • Router/Wirefram (路由)


    View 的职责:
    • 显示信息给用户
    • 检测用户交互
      视图是由presenter告诉显示什么,它告诉presenter当一个事件需要发生。
    Presenter的责任:
    • 告诉视图显示什么内容
    • 处理事件
      Presenter告诉视图来显示什么,以及相应地处理事件
    Interaction的责任:
    • 执行业务逻辑
    • Interaction是执行,围绕数据围绕应用程序的业务逻辑。
    Data manager管理职责:
    • 检索数据
    • 存储数据(可选)
      Data manager是知道在哪里检索的数据,如果存在可以保存起来。
    service 的职责:
    • 执行网络向服务器请求用于特定实体
      服务对象VIPER不是必须存在的,但一个我们已经发现非常有用的。
    Entity 的责任:
    • 表示数据
      实体是非常直接的和你所期望的。他们体现了某种类型的数据和行为,作为被其他类之间传来传去的“有效载荷”。例如,数据管理器返回到交互件,它返回到演示,然后使用该实体来告诉它应该显示的视图的实体的实体。
    WireFrame 职责:
    • 初始化所有其他类
    • 处理数据包路由到应用其他视图

    Wireframe是所有其它部件VIPER什么胶合彼此并处理导航从一个视图到另一个应用程序。

    个人感觉,类似于网络通信层(TCP/UDP),每个层之间通过代理协议进行通信,逐层传递信息,最后在view上展示 ,请参考下图:
    OK,到这里框架就创建完毕了,每个模块的作用一目了然。当然可能刚一接触会有点困难,比如我就是。还需花一些时间研究。后续我会更新我所遇到的困难·····

    相关文章

      网友评论

      • 鹏576:presenter和wireframe相互引用这个问题,如何解决呢?
      • 豆志昂扬:所有的设计里View和Model之间都是高耦合,没有直接关系的。

        只是在处理两者之间的关系时,Controller/ViewModel/Presenter 思路的变化,最终为了代码功能单一,易测试等美好愿望。
      • geforceyu:通过wireframe进行界面跳转时传参数符合viper的架构思想吗,若是项目中较多全局manager,那每个模块都得依赖这些manager进行,那么在进行组件化拆分的时候会加大难度
        令狐灵犀:@geforceyu 这个我想是没有影响的,毕竟每个模块之间是需要通信的,并且这种通信是不固定的。我们只要保证每个模块功能独立,可以单独测试,我感觉viper的基本作用已经达到了。
        geforceyu:@令狐灵犀 恩,可能我表达的不够清晰,不是指wireframe是个全局的。例如现在有一个用户登录界面,登录成功后到主页,主页呢需要展示用户信息。那么如果使用viper这种模式,登录界面的wireframe通过import主页模块的wireframe,调用gotoHome方法来跳转到主页,一是通过goto方法增加形参username,二是创建一个usermanager单例来保存用户登录信息,主页去获取。如采用第二方案的时候,主页模块在进行组件化迁移的时候必须连着usernamaer拔出,所以我若是采用第一方案,不知和viper的设计思想是否违背,因为我看的几个viper DEMO中都没有进行过跳转时传参的操作。
        令狐灵犀:@geforceyu wireframe是负责模块之间跳转通信,并不是全局manager,每个模块都有相应的wireframe,这个有点类似于界面路由。
      • bd321d679eb5:Demo中listPresenter和listWireframe存在互相引用的问题
        鹏576:这个问题如何解决?多谢
      • 上帝是个女孩丶:想问下作者有demo放送吗?
        令狐灵犀:不好意思之前用的Swift2.2,还没更新的3,代码跑不起来了,https://github.com/mutualmobile/VIPER-SWIFT,可以参考一下。
      • 刻舟求鉴: :smile: nice啊

      本文标题:iOS VIPER 框架的应用实践

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