在iOS上使用MVVM进行路由

我已经在几个项目中使用MVVM了一段时间，我真的很喜欢它的简单性。特别是，若是你像许多人同样从MVC迁移，你只须要在你的架构中增长一层ViewModel。若是您发现太多层级形成的复杂，这确实使事情变得更容易。

这是一个良好的开端，但这种简单并不老是好的。在MVVM中，您将业务逻辑移出视图控制器（VC），而后意识到它仍然很胖。视图模型（VM）如今具备业务逻辑，可是展现数据（格式化）或路由如何？他们仍然被困在VC中，咱们须要将它们移出。 #示例流程 假设咱们正在实现登录页面，以下所示。

##路由列表：

• Login > 主页面
• Sign Up > 注册页面
• Forgot Password(?) > 忘记密码页面

这看起来像是一个简单的页面，可使用带有3个segues的故事板来实现。但请相信我，事实并不是如此。例如，您一般会在登陆时打开主屏幕。但在这种状况下，用户的密码可能已过时，您须要实施重定向到更改密码屏幕。因此登陆路线变成：

• Login > 主页面 或者 更改密码页面

这是故事板路由失败的地方。它没法处理这种动态状况。因此你一般作的是让VC处理它：

func loginButtonTapped() {
   // Start network request...
   // Upon response:
   if viewModel.shouldChangePassword {
      performSegue(id: "ChangePasswordScreen", sender: nil)
   } else {
      performSegue(id: "HomeScreen", sender: nil)
   }
}
复制代码

这是路由逻辑，它不该该在VC中。若是您想要轻型VC，请在编写if语句以前三思然后行。他们是决定代码，他们不属于那里。根据个人理解，VC应该只有视图相关和粘合代码。历来没有决定代码。

让咱们定义一个路由器协议，并从VC中取出这些if语句。咱们会须要：

• 路由ID：像segue ID同样的一个字符串
• 上下文：当前视图控制器是从哪里跳过来的
• 可选的参数：过渡所需的临时数据。 （tableview点击了哪一行等等）

protocol Router {
   func route(
      to routeID: String, 
      from context: UIViewController, 
      parameters: Any?
   )
}
复制代码

VC应该只定义路由名称，而不关心该路由的位置。这将是路由器的工做。

class LoginViewController: UIViewController {
 
   enum Route: String {
      case login
      case signUp
      case forgotPassword
   }
 
   var viewModel: LoginViewModel!
   var router: Router!
 
   ...
 
   func loginButtonTapped() {
      router.route(to: Route.login.rawValue, from: self)
   }
 
   func signUpTapped() {
      router.route(to: Route.signUp.rawValue, from: self)
   }
 
   func forgotPasswordTapped() {
      router.route(to: Route.forgotPassword.rawValue, from: self)
   }
}
复制代码

如上所述，登陆按钮能够进入主页面或更改密码页面。那么路由器如何选择正确的目的地呢？在这种状况下，您的路由器可能须要访问您的VM。这样，它能够直接读取业务决策并决定目的地。

请注意VC已经retain了VM和路由器。所以，路由器对VM应该是weak/unowned引用。

class LoginRouter: Router {
 
   unowned var viewModel: LoginViewModel
 
   init(viewModel: LoginViewModel) {
      self.viewModel = viewModel
   }
 
   func route(
      to routeID: String, 
      from context: UIViewController, 
      parameters: Any?) 
   {
      guard let route = LoginVC.Route(rawValue: routeID) else {
         return
      }
      switch route {
      case .login:
         if viewModel.shouldChangePassword {
            // Push change-password-screen.
         } else {
            // Push home-screen.
         }
      case .signUp:
         // Push sign-up-screen:
         let vc = SignUpViewController()
         let vm = SignUpViewModel()
         vc.viewModel = vm
         vc.router = SignUpRouter(viewModel: vm)
         context.navigationController.push(vc, animated: true)
      case . forgotPasswordScreen:
         // Push forgot-password-screen.
      }
   }
}
复制代码

总结

• 咱们彻底将路由代码移出VC。这有利于分离关注点。若是路由逻辑发生变化，您只需编辑路由器，而不是在VC中搜索push / present语句。
• 随着时间的推移，您将须要进行许多设计更改。所以，保持视图控制器轻量化是很重要的，由于它与视图紧密耦合的。在进行UI大修时，您不但愿破坏路由逻辑。
• 你不能用这种方法来使用故事板segue。我不知道我是否伤了你的心，但你不能用segues实现这样的动态流程。故事板应该只对布局负责（一样，关注点分离）

示例代码：Movies 谢谢你的阅读！ PS:

最近加了一些iOS开发相关的QQ群和微信群，可是感受都比较水，里面对于技术的讨论比较少，因此本身建了一个iOS开发进阶讨论群，欢迎对技术有热情的同窗扫码加入，加入之后你能够获得：

1.技术方案的讨论，会有在大厂工做的高级开发工程师尽量抽出时间给你们解答问题

2.每周按期会写一些文章，而且转发到群里，你们一块儿讨论，也鼓励加入的同窗积极得写技术文章，提高本身的技术

3.若是有想进大厂的同窗，里面的高级开发工程师也能够给你们内推，而且针对性得给出一些面试建议

群已经满100人了，想要加群的小伙伴们能够扫码加这个微信，备注:“加群+昵称”，拉你进群，谢谢了