Angular 2 Http RetryWhen

Question

我正在尝试在 HTTP 调用中使用 retryWhen。

尝试这样使用时效果很好：

return this.http.get(`${environment.apiUrl}/track/${this.user.instance._id}/${this.currentPlayer.playlist.id}/next?s=${this.playerCounter}`, options)
      .timeout(500, new TimeoutError(`Timeout trying to get next track. [instanceId=${this.user.instance._id}]`))
      .retryWhen(attempts => {
        return Observable.range(1, 3).zip(attempts, i => i).flatMap(i => 3 === i ? Observable.throw(attempts) : Observable.timer(i * 1000));
      })

如果出现超时错误，最多尝试 3 次。

但是，总是有一个错误，我想让它更抽象以用于各种用例，为此，我必须检查错误的类型。

只会重试 TechnicalErros。

所以我尝试了这个但没有成功。

.retryWhen(attempts => {
    return attempts.flatMap(error => {
      if(error instanceof TechnicalError) {
        return Observable.range(1, 3).zip(attempts, i => i).flatMap(i => 3 === i ? Observable.throw(attempts) : Observable.timer(i * 1000));
      } else {
        Observable.throw(error);
      }
    });
  })

它在第一次尝试时停止并且不执行 Observable.timer()，也不执行 Observable.throw()。

我几乎可以肯定问题出在第一个 flatMap，我已经尝试使用 mergeMap，但没有成功。

提前致谢！

Answer 1

在 RxJS 5 中 flatMap() 只是 mergeMap() 的别名 :).

问题出在您为 retryWhen() 运算符使用回调的方式。它只被调用一次，然后每次错误信号到达时它都会被推送到从该回调返回的 Observable。

在您的第二个示例中，您从 attempts.flatMap 返回 Observable，然后使用 .zip(attempts, i => i) 再次订阅该回调。但是这个 zip 运算符永远不会被调用，因为它是在值已经被 attempts.flatMap 使用后调用的。这也是 Observable.range(1, 3) 总是从头开始的原因。

我知道这看起来很混乱。请注意：

retryWhen() 的回调只被调用一次。
每次出现错误时都会调用 attempts.flatMap() 的回调。

所以你只需要重构你的代码，例如像下面这样：

var source = Observable.create(obs => {
        obs.next(1);
        obs.next(2);
        obs.error(new TechnicalError('error from source'));
    })
    .retryWhen(attempts => {
        console.log('retryWhen callback');
        let count = 0;

        return attempts.flatMap(error => {
            if (error instanceof TechnicalError) {
                console.log(error);
                return ++count >= 3 ? Observable.throw(error) : Observable.timer(count * 1000);
            } else {
                return Observable.throw(error);
            }
        });
    })
    .subscribe(
        val => console.log(val),
        err => console.log('subscribe error', err),
        _ => console.log('complete')
    );

这会打印到控制台：

1
2
retryWhen callback
TechnicalError { msg: 'error from source' }
1
2
TechnicalError { msg: 'error from source' }
1
2
TechnicalError { msg: 'error from source' }
subscribe error TechnicalError { msg: 'error from source' }

观看现场演示：https://jsbin.com/hobeda/3/edit?js,console

Answer 2

我遇到了同样的问题，并找到了一种使用范围运算符而不是计数器变量来生成重试次数的方法，代码如下：

  var source = Observable.create(obs => {
  obs.next(1);
  obs.next(2);
  obs.error(new TechnicalError('error from source'));
})
  .retryWhen(error => {
    console.log("Error occured, retryWhen initialized");
    return error.zip(Observable.range(1, 4), (error, i) => {
      return {
        ErrorObj: error,
        RetryCount: i
      }
    })
      .map(obj => {
        if (error instanceof TechnicalError) {
          if (obj.RetryCount > 3)
            throw obj.ErrorObj;
          //Retry every one sec for 3 times
          console.log('Retry # ' + obj.RetryCount);
          return Observable.timer(obj.RetryCount * 1000);
        }
        else {
          throw obj.ErrorObj;
        }
      }).concatAll()
  })
  .subscribe(
  val => console.log(val),
  err => console.log('subscribe error', err),
  _ => console.log('complete')
  );

我们的想法是将范围运算符放在它只会被初始化一次的地方（retryWhen 回调），这样 zip 运算符就会将任何错误与新的范围编号结合起来，并将其传递给地图运算符来处理错误检查逻辑

Angular 2 Http RetryWhen

Angular 2 Http RetryWhen

observable

rxjs

angular-http

rxjs5

angular