He implementado un JWT y un flujo de token de actualización. Cuando implementé esto en el pasado, lo hice un poco diferente, principalmente porque el token de actualización se envió en el cuerpo.
Pero ahora lo hice de manera diferente y tengo que enviar el token de acceso a través del encabezado de Autorización, pero mi código de interceptor no quiere cambiar el token de portador. ¿Cómo soluciono que si quiero actualizar, en realidad uso el token de actualización como el token de portador en lugar del token de acceso que ha caducado?
intercept( request: HttpRequest<any>, next: HttpHandler ): Observable<HttpEvent<any>> { const token = this.userService.getJWTToken(); if (token) { request = this.addToken(request, token); } return next.handle(request).pipe( catchError((error) => { if (error instanceof HttpErrorResponse && error.status === 401) { return this.handle401Error(request, next); } else if (error.status !== 0) { return throwError(error); } }) ); } private addToken(request: HttpRequest<any>, token: string): HttpRequest<any> { return request.clone({ setHeaders: { Authorization: `Bearer ${token}`, }, }); } private handle401Error( request: HttpRequest<any>, next: HttpHandler ): Observable<HttpEvent<any>> { if (!this.isRefreshing) { this.isRefreshing = true; this.refreshTokenSubject.next(null); //This is what I've tried, to switch out the tokens request = this.addToken(request, this.userService.getRefreshToken()); //this.userService.refreshToken() is a POST request, where I want the refresh token as the bearer token, instead of the access token return this.userService.refreshToken().pipe( switchMap((token: TokenDTO) => { this.isRefreshing = false; this.refreshTokenSubject.next(token.accessToken); return next.handle(this.addToken(request, token.accessToken)); }) ); } else { return this.refreshTokenSubject.pipe( filter((token) => token != null), take(1), switchMap((accessToken) => next.handle(this.addToken(request, accessToken)) ) ); } }También intenté configurar el encabezado HTTP en el token del portador de autorización, en la solicitud posterior
public refreshToken(): Observable<TokenDTO> { const headers = new HttpHeaders({ 'Content-Type': 'application/json', Authorization: `Bearer ${this.getRefreshToken()}`, }); return this.httpClient .post<TokenDTO>(`${this.hostname}/users/refreshToken`, {}, headers) .pipe( tap((tokens: TokenDTO) => { this.saveTokens(tokens); }) ); }No debe reemplazar el token de acceso con el token del portador para actualizarlo, sino que debe llamar al extremo del token dedicado con su token de actualización para obtener un nuevo token de acceso. A veces, dependiendo de la configuración, también puede recibir un nuevo token de actualización.
No debe usar el token de actualización en el encabezado de Authorization . Esto significa que no debe autorizar la solicitud basándose únicamente en el valor del token de actualización. Si lo hace, cualquiera que robe el token de actualización podrá usarlo para obtener un nuevo token de acceso. El token de actualización son los datos necesarios para emitir nuevos tokens, pero debe autorizar al cliente (su aplicación) de otra manera. Por ejemplo, puede usar la autenticación básica HTTP y pasar la ID y el secreto del cliente, o usar cosas más sofisticadas, como TLS mutuo.