Estou criando uma arquitetura para um projeto meu aqui e me surgiu a necessidade de cancelar uma requisição já dentro de um interceptor.
Basicamente eu preciso automatizar a solicitação de captcha e pretendo utilizar o interceptor para isso.
Alguém já passou por isso? Como poderia cancelar o request?
Exemplo do interceptor:
import { Injectable } from '@angular/core';
import { HttpEvent, HttpInterceptor, HttpHandler, HttpRequest, HttpHeaders } from '@angular/common/http';
import { from, Observable, switchMap } from 'rxjs';
import { CaptchaService } from './shared/captcha/captcha.service';
@Injectable()
export class HeaderInterceptor implements HttpInterceptor {
constructor(
private readonly captcha: CaptchaService
) {
}
async validacaoAssincrona(req: HttpRequest<any>) {
let headers = req.headers;
const tokenJwt = localStorage.getItem('TOKEN') ?? sessionStorage.getItem('TOKEN');
if(tokenJwt) {
headers = headers.set('Authorization', `Bearer ${tokenJwt}`)
}
if(req.params.get('vc_captcha_operation')) {
// verificando necessidade do captcha
const tokenCaptcha = await this.captcha.checkBotUi(req.params.get('vc_captcha_operation'));
if(!tokenCaptcha) {
// cancelando request
return { isRequestCancel: true };
} else {
headers = headers.set('x-captcha-token', tokenCaptcha);
}
}
return { isRequestCancel: false, headers };
}
async intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
return from(this.validacaoAssincrona(req))
.pipe(switchMap((result: any) => {
const authReq = req.clone({ headers: result.headers });
if(result.isRequestCancel) {
// como cancelar?
}
return next.handle(authReq);
}))
}
}
EMPTY
do rxjs. Outra diz que você pode lançar uma exceção usando oObservable
, como:if (result.isRequestCancel) { return Observable.throw('...'); }
. Teste alguma delas, caso não o tenha feito.