Cad iad HTTP interceptors?

Question

Accepted Answer

**Suíonn HTTP interceptors** i lár gach iarratais/fhreagra `HttpClient`, rud a ligeann duit iad a scrúdú agus a athrú go domhanda. Is an áit cheart iad seo do **imní fharshing** a bhíonn i bhfeidhm ar gach iarratais — comharthaí fíordheimhnithe, logáil, láimhseáil earráidí, táscairí ualaithe.

## An t-idirghabhálai feidhmiúil (Angular nua-aimseartha)

```ts
import { HttpInterceptorFn } from "@angular/common/http";
import { inject } from "@angular/core";

export const authInterceptor: HttpInterceptorFn = (req, next) => {
  const token = inject(AuthService).getToken();

// requests are immutable — CLONE to modify
  const authReq = req.clone({
    setHeaders: { Authorization: `Bearer ${token}` }, // attach token to EVERY request
  });

return next(authReq); // pass the (modified) request along the chain
};
```

Faigheann an t-idirghabhálai an iarratais agus feidhm `next` (an chéad ghníomhaire eile). Go tábhachtach, bíonn iarratais **dosháraithe**, mar sin `.clone()` a dhéanann tú le hathruithe in ionad a bheith ag meallladh. Má chláraitear sé seo fadó, ciallaíonn sé go ndéanann gach iarratais amach ceannlíne fíordheimhnithe a iompar go huachtar — gan é a athdhéanamh i ngach seirbhís.

## Idirghabhálaithe a chlárú

```ts
bootstrapApplication(AppComponent, {
  providers: [
    provideHttpClient(withInterceptors([authInterceptor, errorInterceptor, loggingInterceptor])),
  ],
});
```

Baineann iolra idirghabhálaithe **slabhra** amach, agus gach ceann ag dul ar aghaidh chuig an chéad cheann eile — is dócha go bhfuil an t-ord tábhachtach.

## Freagraí agus earráidí a láimhseáil go domhanda

```ts
import { catchError } from "rxjs/operators";
import { throwError } from "rxjs";

export const errorInterceptor: HttpInterceptorFn = (req, next) =>
  next(req).pipe(
    catchError((err) => {
      if (err.status === 401) inject(Router).navigate(["/login"]); // global 401 handling
      inject(NotificationService).showError(err.message);
      return throwError(() => err);
    })
  );
```

Ó bhreagraigh na hidirghabhálaithe an Observable freagra, is féidir leat earráidí a láimhseáil (m.sh. atreorú ar 401, sceansúrolann a thaispeáint) in **áit amháin** don fheidhmchlár ar fad.

## Úsáidí coitianta idirghabhálaithe

```text
✓ Attach auth tokens to requests
✓ Global error handling (401 → login, show notifications)
✓ Logging / analytics of all HTTP traffic
✓ Show/hide a global loading spinner
✓ Add common headers, retry logic, caching
```

## Cén fáth atá sé tábhachtach

Idirghabhálaithe a dhéanann logic a ionadaíonn ar dhá shlí — go príomha comharthaí fíordheimhnithe a ghreamú agus earráidí a láimhseáil go domhanda.

Seo a choimeádann seirbhísí glan (déanann siad iarratais amháin) agus cinntíonn go bhfuil iompar comhsheasmhach ar fud na feidhmchlár.

Is iad na comharthaí fíordheimhnithe agus na hidirghabhálaithe earráidí domhanda beagnach uilíoch i bhfeidhmchláir Angular táirgíochta; agus a bheith ar an eolas ar an riail chlon-chun-a-athrú agus ar an tsamhail slabhra is gá a bheith ann chun iad a scríobh i gceart.