如何在角度 4 中获得响应时间

Question

我想计算每个请求所花费的响应时间。目前我正在向服务发送 50 个请求，并且在发送所有请求后我得到响应。所以我无法计算每个响应所花费的时间，因为第一次调用后有 49 个请求。我使用的是 http 模块而不是 http 客户端模块。我觉得 chrome 开发人员工具给出了正确的响应时间，但我如何在 angular 4 中捕获它？

Answer 1

这是一个简单的拦截器，它从角度显示每个请求的时间。您实际上可以修改它以将时间与响应一起包含...我不确定您想如何使用时间。

import { HttpInterceptor, HttpRequest, HttpHandler } from '@angular/common/http';
import { Injectable } from '@angular/core';

import { defer } from 'rxjs';
import { finalize } from 'rxjs/operators';

@Injectable()
export class PerformanceInterceptor implements HttpInterceptor {
  intercept(req: HttpRequest<any>, next: HttpHandler) {
    return defer(() => {
      const key = req.urlWithParams;
      console.time(key);
      return next.handle(req).pipe(finalize(() => {
        console.timeEnd(key);
      }));
    });
  }
}