RxSwift正确的方式

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不需要知道它应该调用哪个服务来获取登录访问权限,它是一个viewModel作业.

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

有没有不同的方法来做到这一点？Rx'ers你是怎么做这种事的？非常感谢.

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)提供View-Model输入,例如在发送模拟数据时在单元测试中.这意味着您可以在不关注业务逻辑的情况下更改UI,反之亦然.

换句话说,不要import UIKit在你的视图 - 模型中,你会没事的.

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

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

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

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

来自Microsoft的 MVVM图

希望你会发现这些信息有用:)

相关文章:

适用于iOS的Model-View-ViewModel作者:Ash Furrow http://www.teehanlax.com/blog/model-view-viewmodel-for-ios/

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