在重试时设置延迟动态

Question

是否可以在每次重试后动态设置延迟值。我这样尝试过，但它看起来很精简，它保留了初始设置的值。

imageController(epgData: EpgDataDTO[], showOrMovie: string){
    var retryAfterMilliSeconds = 1000;
    epgData.forEach( (data) => {
        this.getImagesFromMovieDB(data.title).pipe(
            retryWhen((error) => {
                return error.pipe(
                    mergeMap((error: any) => {
                            if(error.response.status === 429) {
                                const retryAfter = error.response.headers;
                                retryAfterMilliSeconds = +retryAfter['retry-after'] * 1000
                                console.log(retryAfterMilliSeconds); // it tells me the correct value here but the retry happens every 1000ms
                                console.log(data.title);
                            }else{
                                this.errorHandling(error)
                                return of("error");
                            }
                            return of("error");
                        }),
                    delay(retryAfterMilliSeconds),
                    take(5)
                )
        }))
        .subscribe( (res) => {
            console.log(res.status);
            console.log(res.headers);

        });
    })
}

Answer 1

你非常接近！为了让它工作，我所要做的就是将delay(retryAfterMilliSeconds) 移动到mergeMap() 运算符的返回值之后，以将其绑定到同一个可观察对象。如果没有这个，它将随机延迟来自 mergeMap() 的 RETURN，这将是 Observable 实际延迟的随机。

我把它放在Stackblitz 中进行测试。点击最右侧框架底部的“控制台”以查看结果。

这是 StackBlitz 中的函数：

imageController(epgData: EpgDataDTO[], showOrMovie: string){
    var retryAfterMilliSeconds = 1000;
    epgData.forEach( (data) => {
        this.getImagesFromMovieDB(data.title).pipe(
            retryWhen((error) => {
                return error.pipe(
                    mergeMap((error: any) => {
                            if(error.response.status === 429) {
                                const retryAfter = error.response.headers;
                                retryAfterMilliSeconds = +retryAfter['retry-after'] * 1000
                                console.log(retryAfterMilliSeconds); // it tells me the correct value here but the retry happens every 1000ms
                                console.log(data.title);
                            }else{
                                this.errorHandling(error)
                                // return of("error"); <-- unnecessary since this will be executed with next statement
                            }
                            return of("error").pipe(delay(retryAfterMilliSeconds));
                        }),
                    // delay(retryAfterMilliSeconds),
                    take(5)
                )
        }))
        .subscribe( 
            (res) => {
                // console.log(res.status);
                // console.log(res.headers);
                const elapsedTime = Math.round(((new Date()).getTime() - startTime) / 1000);
                console.log(`'${res.status}' is Ok - total elapsed time ${elapsedTime} seconds`);
            }
        );
    })
}

其他一些注意事项：

• getImagesFromMovieDB() 的返回实际上很重要 - 它需要为每次调用返回一个唯一的 observable 才能使其工作，请确保是这种情况。我在 StackBlitz 中通过使用 delay 构造 Observable 返回来模拟这一点。
• 如您所见，我更改了.subscribe() 中的第一个函数，以打印出获取此res.status 的有效数据所花费的总时间。我这样做只是为了显示每次发射它正确地占用了所有延迟的总和。 它会在每次失败后重试一段随机时间（我在 5 到 10 秒之间任意选择），由原始函数中的响应标头返回。
• 小问题：mergeMap return of("error") 有两个返回值，但第一个是不必要的，因为第二个会立即执行，所以我将其注释掉。

我希望这会有所帮助。