რა არის HTTP interceptors?

Question

Accepted Answer

**HTTP interceptors** находятся в середине каждого `HttpClient` request/response, что позволяет вам проверять и трансформировать их глобально. ეს არის სრულყოფილი ადგილი **cross-cutting concerns**-ისთვის, რომელიც ვრცელდება ყველა მოთხოვნაზე — auth tokens, logging, error handling, loading indicators.

## ფუნქციონალური interceptor (თანამედროვე Angular)

```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
};
```

Interceptor იღებს request-ს და `next` ფუნქციას (შემდეგი handler). აპირებული, requests არის **immutable**, ამიტომ თქვენ `.clone()` რომელი changes უნდა გააკეთოთ ვიდრე mutating. რეგისტრაციის ეს ერთხელ ნიშნავს, რომ ყველა გამავალი request ავტომატურად ატარებს auth header — არა repetition ეს თითოეული service-ში.

## Registering interceptors

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

მრავალი interceptors ქმნიან **chain**, თითოეული გადაცემა შემდეგ — order მნიშვნელოვანია.

## გლობალურად response და errors handling

```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);
    })
  );
```

ვინაიდან interceptors მოხვდეს response Observable-ს ასევე, თქვენ შეუძლიათ handle errors (მაგ. redirect on 401, show a toast) **one place**-ში მთელი app-ისთვის.

## Common interceptor uses

```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
```

## რატომ მნიშვნელოვანია ეს

Interceptors ცენტრალიზაციას უკეთებს logic რომელიც სხვაგვარად duplicate იქნებოდა ყველა HTTP call-ის უკან — ყველაზე მნიშვნელოვანი auth tokens-ის attach-ის და globally errors-ის handling-ის დროს.

ეს სუფთა services-ს აქვს (ისინი უბრალოდ გამოთხოვენ requests) და უზრუნველყოფს consistent behavior app-wide.

auth-token და global-error interceptors არის near-universal production Angular apps-ში; knowing the clone-to-modify rule და the chain model არის key რათა write them correctly.