mirror of
https://github.com/angular/angular
synced 2026-05-24 09:28:37 +00:00
This commit adds documentation and API tagging for `provideHttpClient` and the `with*` feature functions. PR Close #47901
200 lines
8.1 KiB
TypeScript
200 lines
8.1 KiB
TypeScript
/**
|
|
* @license
|
|
* Copyright Google LLC All Rights Reserved.
|
|
*
|
|
* Use of this source code is governed by an MIT-style license that can be
|
|
* found in the LICENSE file at https://angular.io/license
|
|
*/
|
|
|
|
import {EnvironmentInjector, inject, Injectable, InjectionToken} from '@angular/core';
|
|
import {Observable} from 'rxjs';
|
|
|
|
import {HttpBackend, HttpHandler} from './backend';
|
|
import {HttpRequest} from './request';
|
|
import {HttpEvent} from './response';
|
|
|
|
/**
|
|
* Intercepts and handles an `HttpRequest` or `HttpResponse`.
|
|
*
|
|
* Most interceptors transform the outgoing request before passing it to the
|
|
* next interceptor in the chain, by calling `next.handle(transformedReq)`.
|
|
* An interceptor may transform the
|
|
* response event stream as well, by applying additional RxJS operators on the stream
|
|
* returned by `next.handle()`.
|
|
*
|
|
* More rarely, an interceptor may handle the request entirely,
|
|
* and compose a new event stream instead of invoking `next.handle()`. This is an
|
|
* acceptable behavior, but keep in mind that further interceptors will be skipped entirely.
|
|
*
|
|
* It is also rare but valid for an interceptor to return multiple responses on the
|
|
* event stream for a single request.
|
|
*
|
|
* @publicApi
|
|
*
|
|
* @see [HTTP Guide](guide/http#intercepting-requests-and-responses)
|
|
*
|
|
* @usageNotes
|
|
*
|
|
* To use the same instance of `HttpInterceptors` for the entire app, import the `HttpClientModule`
|
|
* only in your `AppModule`, and add the interceptors to the root application injector.
|
|
* If you import `HttpClientModule` multiple times across different modules (for example, in lazy
|
|
* loading modules), each import creates a new copy of the `HttpClientModule`, which overwrites the
|
|
* interceptors provided in the root module.
|
|
*/
|
|
export interface HttpInterceptor {
|
|
/**
|
|
* Identifies and handles a given HTTP request.
|
|
* @param req The outgoing request object to handle.
|
|
* @param next The next interceptor in the chain, or the backend
|
|
* if no interceptors remain in the chain.
|
|
* @returns An observable of the event stream.
|
|
*/
|
|
intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>>;
|
|
}
|
|
|
|
/**
|
|
* Represents the next interceptor in an interceptor chain, or the real backend if there are no
|
|
* further interceptors.
|
|
*
|
|
* Most interceptors will delegate to this function, and either modify the outgoing request or the
|
|
* response when it arrives. Within the scope of the current request, however, this function may be
|
|
* called any number of times, for any number of downstream requests. Such downstream requests need
|
|
* not be to the same URL or even the same origin as the current request. It is also valid to not
|
|
* call the downstream handler at all, and process the current request entirely within the
|
|
* interceptor.
|
|
*
|
|
* This function should only be called within the scope of the request that's currently being
|
|
* intercepted. Once that request is complete, this downstream handler function should not be
|
|
* called.
|
|
*
|
|
* @publicApi
|
|
*
|
|
* @see [HTTP Guide](guide/http#intercepting-requests-and-responses)
|
|
*/
|
|
export type HttpHandlerFn = (req: HttpRequest<unknown>) => Observable<HttpEvent<unknown>>;
|
|
|
|
/**
|
|
* An interceptor for HTTP requests made via `HttpClient`.
|
|
*
|
|
* `HttpInterceptorFn`s are middleware functions which `HttpClient` calls when a request is made.
|
|
* These functions have the opportunity to modify the outgoing request or any response that comes
|
|
* back, as well as block, redirect, or otherwise change the request or response semantics.
|
|
*
|
|
* An `HttpHandlerFn` representing the next interceptor (or the backend which will make a real HTTP
|
|
* request) is provided. Most interceptors will delegate to this function, but that is not required
|
|
* (see `HttpHandlerFn` for more details).
|
|
*
|
|
* `HttpInterceptorFn`s have access to `inject()` via the `EnvironmentInjector` from which they were
|
|
* configured.
|
|
*/
|
|
export type HttpInterceptorFn = (req: HttpRequest<unknown>, next: HttpHandlerFn) =>
|
|
Observable<HttpEvent<unknown>>;
|
|
|
|
/**
|
|
* Function which invokes an HTTP interceptor chain.
|
|
*
|
|
* Each interceptor in the interceptor chain is turned into a `ChainedInterceptorFn` which closes
|
|
* over the rest of the chain (represented by another `ChainedInterceptorFn`). The last such
|
|
* function in the chain will instead delegate to the `finalHandlerFn`, which is passed down when
|
|
* the chain is invoked.
|
|
*
|
|
* This pattern allows for a chain of many interceptors to be composed and wrapped in a single
|
|
* `HttpInterceptorFn`, which is a useful abstraction for including different kinds of interceptors
|
|
* (e.g. legacy class-based interceptors) in the same chain.
|
|
*/
|
|
type ChainedInterceptorFn<RequestT> = (req: HttpRequest<RequestT>, finalHandlerFn: HttpHandlerFn) =>
|
|
Observable<HttpEvent<RequestT>>;
|
|
|
|
function interceptorChainEndFn(
|
|
req: HttpRequest<any>, finalHandlerFn: HttpHandlerFn): Observable<HttpEvent<any>> {
|
|
return finalHandlerFn(req);
|
|
}
|
|
|
|
/**
|
|
* Constructs a `ChainedInterceptorFn` which adapts a legacy `HttpInterceptor` to the
|
|
* `ChainedInterceptorFn` interface.
|
|
*/
|
|
function adaptLegacyInterceptorToChain(
|
|
chainTailFn: ChainedInterceptorFn<any>,
|
|
interceptor: HttpInterceptor): ChainedInterceptorFn<any> {
|
|
return (initialRequest, finalHandlerFn) => interceptor.intercept(initialRequest, {
|
|
handle: (downstreamRequest) => chainTailFn(downstreamRequest, finalHandlerFn),
|
|
});
|
|
}
|
|
|
|
/**
|
|
* Constructs a `ChainedInterceptorFn` which wraps and invokes a functional interceptor in the given
|
|
* injector.
|
|
*/
|
|
function chainedInterceptorFn(
|
|
chainTailFn: ChainedInterceptorFn<unknown>, interceptorFn: HttpInterceptorFn,
|
|
injector: EnvironmentInjector): ChainedInterceptorFn<unknown> {
|
|
// clang-format off
|
|
return (initialRequest, finalHandlerFn) => injector.runInContext(() =>
|
|
interceptorFn(
|
|
initialRequest,
|
|
downstreamRequest => chainTailFn(downstreamRequest, finalHandlerFn)
|
|
)
|
|
);
|
|
// clang-format on
|
|
}
|
|
|
|
/**
|
|
* A multi-provider token that represents the array of registered
|
|
* `HttpInterceptor` objects.
|
|
*
|
|
* @publicApi
|
|
*/
|
|
export const HTTP_INTERCEPTORS = new InjectionToken<HttpInterceptor[]>('HTTP_INTERCEPTORS');
|
|
|
|
/**
|
|
* A multi-provided token of `HttpInterceptorFn`s.
|
|
*/
|
|
export const HTTP_INTERCEPTOR_FNS = new InjectionToken<HttpInterceptorFn[]>('HTTP_INTERCEPTOR_FNS');
|
|
|
|
/**
|
|
* Creates an `HttpInterceptorFn` which lazily initializes an interceptor chain from the legacy
|
|
* class-based interceptors and runs the request through it.
|
|
*/
|
|
export function legacyInterceptorFnFactory(): HttpInterceptorFn {
|
|
let chain: ChainedInterceptorFn<any>|null = null;
|
|
|
|
return (req, handler) => {
|
|
if (chain === null) {
|
|
const interceptors = inject(HTTP_INTERCEPTORS, {optional: true}) ?? [];
|
|
// Note: interceptors are wrapped right-to-left so that final execution order is
|
|
// left-to-right. That is, if `interceptors` is the array `[a, b, c]`, we want to
|
|
// produce a chain that is conceptually `c(b(a(end)))`, which we build from the inside
|
|
// out.
|
|
chain = interceptors.reduceRight(
|
|
adaptLegacyInterceptorToChain, interceptorChainEndFn as ChainedInterceptorFn<any>);
|
|
}
|
|
|
|
return chain(req, handler);
|
|
};
|
|
}
|
|
|
|
@Injectable()
|
|
export class HttpInterceptorHandler extends HttpHandler {
|
|
private chain: ChainedInterceptorFn<unknown>|null = null;
|
|
|
|
constructor(private backend: HttpBackend, private injector: EnvironmentInjector) {
|
|
super();
|
|
}
|
|
|
|
override handle(initialRequest: HttpRequest<any>): Observable<HttpEvent<any>> {
|
|
if (this.chain === null) {
|
|
const dedupedInterceptorFns = Array.from(new Set(this.injector.get(HTTP_INTERCEPTOR_FNS)));
|
|
|
|
// Note: interceptors are wrapped right-to-left so that final execution order is
|
|
// left-to-right. That is, if `dedupedInterceptorFns` is the array `[a, b, c]`, we want to
|
|
// produce a chain that is conceptually `c(b(a(end)))`, which we build from the inside
|
|
// out.
|
|
this.chain = dedupedInterceptorFns.reduceRight(
|
|
(nextSequencedFn, interceptorFn) =>
|
|
chainedInterceptorFn(nextSequencedFn, interceptorFn, this.injector),
|
|
interceptorChainEndFn as ChainedInterceptorFn<unknown>);
|
|
}
|
|
return this.chain(initialRequest, downstreamRequest => this.backend.handle(downstreamRequest));
|
|
}
|
|
}
|