Question

我正在制作一个Angular 4应用。组件订阅Observable。有时Observable调用相同的url。例如，在任何http请求之前，如果需要，请“刷新访问令牌”。但是，如果我发出不同的3个http请求，它将“刷新（如果需要）”刷新令牌的3倍。

那么如何只让一个http获取一个刷新的访问令牌，让另一个observable'等待'第一个？（我知道'等待'不是Observables的好词。）

        public get(url: string, options?: RequestOptionsArgs): Observable<Response> {
            return this.getAccessToken().mergeMap(accessToken => {
              return this.http.get(url, options);
            });
          }

//和

this.get('www.myapi.com/one').subscribe(data=>console.log('one',data))
this.get('www.myapi.com/two').subscribe(data=>console.log('two',data))
this.get('www.myapi.com/three').subscribe(data=>console.log('three,data))

Answer 1

您似乎可以使用share()运算符来确保始终只有一个订阅源Observable。

但是，这需要您重新构建代码，因为所有观察者都需要使用share()的相同实例：

const sharedToken = this.getAccessToken().share();

public get(url: string, options?: RequestOptionsArgs): Observable<Response> {
  return sharedToken.mergeMap(accessToken => {
    return this.http.get(url, options);
  });
}

Answer 2

使用名为 forkJoin 的运算符。如果您熟悉Promises，这与Promise.all（）非常相似。 forkJoin（）运算符允许我们获取Observable列表并并行执行它们。一旦列表中的每个Observable都发出一个值，forkJoin将发出一个Observable值，该值包含列表中Observables的所有已解析值的列表

请仔细阅读以下示例：

导入

import { Observable } from 'rxjs/Observable'; import 'rxjs/add/observable/forkJoin';

假设您必须获得三页

var pages:number[] = [1, 2, 3];

或var pages:number[]=new Array(10).fill().map((v,i)=>i+1);

然后将它们映射到一个observables和forkJoin
的数组中
Observable.forkJoin( pages.map( i => this.http.get('www.myapi.com/' + i) .map(res => res.json()) ) ).subscribe(people => this.people = people);

请访问Stack或forkJoin了解详情。

如何使用RxJs处理/排队多个相同的http请求？

2 个答案: