Rxjs 使用 concatMap 進行順序調用

Question

我想進行兩次順序調用（如果第一次完成，請調用第二次）：

我的代碼是這樣的：

        myApiClient
        .firstApiCall()
        .pipe(take(1),
            concatMap (firstResult => {
            doSomethingWithResponse(firstResult);
            return myApiClient.secondApiCall();
        }), take(1))
        .subscribe(secondResult => {
            doSomethingWithResponse(firstResult);
        }, error => {
            catchSecondApiCallError(error);
        });

第一個問題：這是進行順序調用的正確方法嗎？ 第二個問題：我如何才能捕捉到第一次通話的錯誤？

Answer 1

是的，這是使用 rxjs 鏈接順序 api 調用的正確方法。 對於第二個問題，您可以使用catchError運算符。

    myApiClient
    .firstApiCall()
    .pipe(
        take(1),
        catchError(e => {
          console.log('Error caught from first api ', e);
          return EMPTY;
        }),
        concatMap (firstResult => {
          doSomethingWithResponse(firstResult);
          return myApiClient.secondApiCall();
    }), take(1))
    .subscribe(secondResult => {
        doSomethingWithResponse(secondResult);
    }, error => {
        catchSecondApiCallError(error);
    });

EMPTY 是從以下位置導入的：

import { EMPTY } from 'rxjs';