Angular 17 系列（十八）ForkJoin 等待多个 HTTP 并行请求

小渣渣

需求：Angular 界面数据可能需要来源于多个接口，多个接口允许并行请求的情况下，一起发送 HTTP 请求，需要等待耗时最长的接口完成请求后展示界面。使用 ForkJoin 来等待阻塞所有请求完成。

Angular 中的 ForkJoin 是一个用于并行执行多个 Observable 的操作符。它将多个 Observable 作为参数传入，并在所有 Observable 都完成时发出一个数组，该数组包含每个 Observable 发出的最新值。

ForkJoin 的优势在于它可以同时处理多个 Observable，并在它们都完成时返回结果。这对于需要同时获取多个数据源的情况非常有用，可以提高应用程序的性能和响应速度。

ForkJoin 的应用场景包括但不限于：

• 并行请求多个API：当需要从多个API获取数据时，可以使用ForkJoin同时发起多个请求，并在所有请求完成后处理返回的数据。
• 多个数据源的合并：当需要从多个数据源获取数据，并将它们合并为一个结果时，可以使用ForkJoin来处理并行获取数据的操作。
• 多个任务的并行执行：当需要同时执行多个任务，并在它们都完成后进行下一步操作时，可以使用ForkJoin来管理任务的并行执行。
  

首先，使用 ASP.NET Core 新建两个测试接口，代码如下：

登录可见。

在未使用 ForkJoin 之前，代码如下：

登录可见。

效果图如下：



使用 ForkJoin 之后，代码如下：

登录可见。

效果图如下：



（完）