Question

我有一个登录屏幕，我之前通过组合电子邮件/密码Bool Observable在文本字段上方显示了错误输入并禁用了按钮，但是现在设计已更改，我想在发送请求之前检查电子邮件/密码是否为空或显示警报对话框

我的问题是在命中请求之前如何验证输入是否有效：

LoginViewModel：

  var emailValid: Observable<Bool> {
        return emailSubject.asObservable().map { $0.count > 0 && $0.isEmail}
    }

  signInDidTapSubject
       .withLatestFrom(credentialsObservable)
        .flatMapLatest { credentials -> Observable<Event<Result<UserResponse>>> in
            self.loadInProgress.accept(true)
            return network.login(with: credentials).materialize()
        }
        .subscribe(onNext: { [weak self] event in
            self?.loadInProgress.accept(false)
            switch event {
            case .next(let result):
                switch result{
                case .Success(let user):
                    self?.loginResultSubject.onNext(user)
                case .Failure(let error):
                    self?.errorsSubject.onNext(error)
                }
            case .error( _):
                print("error")
            default:
                break
            }
        })
        .disposed(by: disposeBag)

VC：

   loginButton.rx.tap.asObservable()
        .debounce(0.5, scheduler: MainScheduler.instance)
        .subscribe(viewModel.input.loginButtonTapped).disposed(by: disposeBag)

Answer 1

您可以通过问问自己：“我需要什么输入才能产生此输出？”

您在此处有两个输出“ User”和“ Error”。让我们先走幸福的路。您需要什么输入才能产生一个用户？只是成功的网络响应。但是，您需要什么输入来产生网络响应？好了，您需要电子邮件和密码，但是诱人的事件是点击登录按钮，如果数据无效，则不应发出请求：

let networkResponse = loginTrigger
    .withLatestFrom(credentials)
    .filter { $0.email.isEmail && !$0.password.isEmpty }
    .flatMapLatest {
        network.login(with: $0)
            .materialize()
    }
    .share(replay: 1)

let user = networkResponse
    .filter { $0.element != nil }
    .map { $0.element! }

现在，需要什么输入来生成Error输出？如果存在一个网络请求，则需要网络请求中的错误，并且您需要知道电子邮件或密码是否无效。但是，如果您点击了登录按钮，则只想知道无效输入...

很多，但是这是它的分解方式：

let networkError = networkResponse
    .filter { $0.error != nil }
    .map { $0.error! }

let invalidEmailError = loginTrigger
    .withLatestFrom(email)
    .filter { !$0.isEmail }
    .map { _ in UIError.badEmail as Error }

let invalidPasswordError = loginTrigger
    .withLatestFrom(password)
    .filter { $0.isEmpty }
    .map { _ in UIError.badPassword as Error }

let error = Observable.merge(networkError, invalidEmailError, invalidPasswordError)

看看效果如何？依次获取每个输出，并找出使该输出正常工作所需的输入。

Rxswift在发送api请求之前验证输入

1 个答案: