Question

我试图用RxSwift编写一个MVVM，并且与我在ReactiveCocoa中为Objective-C做的比较相比，以正确的方式编写我的服务有点困难。

例子是登录服务。

使用ReactiveCocoa（Objective-C）我编写如下代码：

// ViewController


// send textfield inputs to viewmodel 
RAC(self.viewModel, userNameValue) = self.fieldUser.rac_textSignal;
RAC(self.viewModel, userPassValue) = self.fieldPass.rac_textSignal;

// set button action
self.loginButton.rac_command = self.viewModel.loginCommand;

// subscribe to login signal
[[self.viewModel.loginResult deliverOnMainThread] subscribeNext:^(NSDictionary *result) {
    // implement
} error:^(NSError *error) {
    NSLog(@"error");
}];

我的viewModel应该是这样的：

// valid user name signal
self.isValidUserName = [[RACObserve(self, userNameValue)
                         map:^id(NSString *text) {
                             return @( text.length > 4 );
                         }] distinctUntilChanged];

// valid password signal
self.isValidPassword = [[RACObserve(self, userPassValue)
                         map:^id(NSString *text) {
                             return @( text.length > 3);
                         }] distinctUntilChanged];

// merge signal from user and pass
self.isValidForm = [RACSignal combineLatest:@[self.isValidUserName, self.isValidPassword]
                                           reduce:^id(NSNumber *user, NSNumber *pass){
                                               return @( [user boolValue] && [pass boolValue]);
                                           }];


// login button command
self.loginCommand = [[RACCommand alloc] initWithEnabled:self.isValidForm
                                            signalBlock:^RACSignal *(id input) {
                                                return [self executeLoginSignal];
                                            }];

现在在RxSwift中我写的相同：

// ViewController

// initialize viewmodel with username and password bindings
    viewModel = LoginViewModel(withUserName: usernameTextfield.rx_text.asDriver(), password: passwordTextfield.rx_text.asDriver())

// subscribe to isCredentialsValid 'Signal' to assign button state
   viewModel.isCredentialsValid
        .driveNext { [weak self] valid in
            if let button = self?.signInButton {
                button.enabled = valid
            }
    }.addDisposableTo(disposeBag)

// signinbutton
    signInButton.rx_tap
        .withLatestFrom(viewModel.isCredentialsValid)
        .filter { $0 }
        .flatMapLatest { [unowned self] valid -> Observable<AutenticationStatus> in
            self.viewModel.login(self.usernameTextfield.text!, password: self.passwordTextfield.text!)
            .observeOn(SerialDispatchQueueScheduler(globalConcurrentQueueQOS: .Default))
        }
        .observeOn(MainScheduler.instance)
        .subscribeNext {
            print($0)
        }.addDisposableTo(disposeBag)

我以这种方式改变按钮状态，因为我不能这样做：

viewModel.isCredentialsValid.drive(self.signInButton.rx_enabled).addDisposableTo(disposeBag)

和我的viewModel

let isValidUser = username
    .distinctUntilChanged()
        .map { $0.characters.count > 3 }

    let isValidPass = password
    .distinctUntilChanged()
        .map { $0.characters.count > 2 }

    isCredentialsValid = Driver.combineLatest(isValidUser, isValidPass) { $0 && $1 }

和

func login(username: String, password: String) -> Observable<AutenticationStatus>
{
    return APIServer.sharedInstance.login(username, password: password)
}

我使用Driver是因为它包含了一些很好的功能，例如：catchErrorJustReturn（），但我真的不喜欢我这样做的方式：

1）我必须将用户名和密码字段作为参数发送到viewModel（顺便说一句，这样更容易解决）

2）我不喜欢我的viewController在点击登录按钮时完成所有工作的方式，viewController不需要知道它应该调用哪个服务来获取登录访问权限，它是＆＃39; sa viewModel作业。

3）我无法在订阅之外访问用户名和密码的存储值。

有不同的方法吗？ Rx怎么做这种事情？非常感谢。

Answer 1

我喜欢将Rx应用程序中的View-Model视为获取输入事件的流（Observables \ Drivers）的组件（例如UI触发器，例如按钮点击，表\集合视图选择等）和依赖关系例如APIService，数据库服务等，来处理这些事件。作为回报，它提供要呈现的值的流（Observables \ Drivers）。例如：

enum ServerResponse {
  case Failure(cause: String)
  case Success
}

protocol APIServerService {
  func authenticatedLogin(username username: String, password: String) -> Observable<ServerResponse>
}

protocol ValidationService {
  func validUsername(username: String) -> Bool
  func validPassword(password: String) -> Bool
}


struct LoginViewModel {

  private let disposeBag = DisposeBag()

  let isCredentialsValid: Driver<Bool>
  let loginResponse: Driver<ServerResponse>


  init(
    dependencies:(
      APIprovider: APIServerService,
      validator: ValidationService),
    input:(
      username:Driver<String>,
      password: Driver<String>,
      loginRequest: Driver<Void>)) {


    isCredentialsValid = Driver.combineLatest(input.username, input.password) { dependencies.validator.validUsername($0) && dependencies.validator.validPassword($1) }

    let usernameAndPassword = Driver.combineLatest(input.username, input.password) { ($0, $1) }

    loginResponse = input.loginRequest.withLatestFrom(usernameAndPassword).flatMapLatest { (username, password) in

      return dependencies.APIprovider.authenticatedLogin(username: username, password: password)
        .asDriver(onErrorJustReturn: ServerResponse.Failure(cause: "Network Error"))
    }
  }
}

现在你的ViewController和Dependencies看起来像这样：

struct Validation: ValidationService {
  func validUsername(username: String) -> Bool {
    return username.characters.count > 4
  }

  func validPassword(password: String) -> Bool {
    return password.characters.count > 3
  }
}


struct APIServer: APIServerService {
  func authenticatedLogin(username username: String, password: String) -> Observable<ServerResponse> {
    return Observable.just(ServerResponse.Success)
  }
}

class LoginMVVMViewController: UIViewController {

  @IBOutlet weak var usernameTextField: UITextField!
  @IBOutlet weak var passwordTextField: UITextField!
  @IBOutlet weak var loginButton: UIButton!

  let loginRequestPublishSubject = PublishSubject<Void>()

  lazy var viewModel: LoginViewModel = {
    LoginViewModel(
      dependencies: (
        APIprovider: APIServer(),
        validator: Validation()
      ),
      input: (
        username: self.usernameTextField.rx_text.asDriver(),
        password: self.passwordTextField.rx_text.asDriver(),
        loginRequest: self.loginButton.rx_tap.asDriver()
      )
    )
  }()

  let disposeBag = DisposeBag()

  override func viewDidLoad() {
    super.viewDidLoad()

    viewModel.isCredentialsValid.drive(loginButton.rx_enabled).addDisposableTo(disposeBag)

    viewModel.loginResponse.driveNext { loginResponse in

      print(loginResponse)

    }.addDisposableTo(disposeBag)
  }
}

针对您的具体问题：

1.我必须将用户名和密码字段作为参数发送到viewModel（顺便说一句，这样更容易解决）

悄悄地，您没有将用户名和密码字段作为参数传递给视图模型，您将Observables \ Drivers作为输入参数传递。所以现在业务和表示逻辑没有与UI逻辑紧密耦合。您可以从任何来源提供视图模型输入，不一定是UI，例如在发送模拟数据时进行单元测试。这意味着您可以在不关注业务逻辑的情况下更改UI，反之亦然。

换句话说，在你的View-Models中不要import UIKit，你会没事的。

2.我不喜欢我的viewController在点击登录按钮时完成所有工作的方式，viewController不需要知道它应该调用哪个服务来获取登录访问权限，它是＆＃39; sa viewModel作业。

是的，你是对的，这是业务逻辑，在MVVM模式中，视图控制器不应该对此负责。所有业务逻辑都应该在View-Model中实现。你可以在我的例子中看到所有这些逻辑都发生在View-Model中，而ViewController几乎是空的。作为旁注，ViewController可以包含许多代码行，重点是关注点，ViewController应该只处理UI逻辑（例如，禁用登录时的颜色更改），View-Model会使用表示和业务逻辑

我无法在订阅之外访问存储的用户名和密码值。

您应该以Rx方式访问这些值。例如让View-Model提供一个变量，为您提供这些值，可能是经过一些处理，或者是一个为您提供相关事件的驱动程序（例如，显示一个警告视图，询问＆＃34; Is（userName）是您的用户名？＆＃34 ;在发送登录请求之前）。这样就可以避免状态和同步问题（例如，我获得了存储的值并将其显示在标签上，但是后来又更新了，另一个标签显示了更新后的值）

来自Microsoft的MVVM图

希望您会发现此信息有用：）

RxSwift世界中的ViewModel作者：Serg Dort https://medium.com/@SergDort/viewmodel-in-rxswift-world-13d39faa2cf5#.wuthixtp9

RxSwift正确的方式

1 个答案: