HTTP interceptors என்றால் என்ன?

Question

Accepted Answer

**HTTP interceptors** ஒவ்வொரு `HttpClient` கோரிக்கை/பதிலின் நடுவில் உட்காரவைக்கப்பட்டுள்ளன, இது உங்களை அவற்றை உலகளவில் ஆய்வு செய்து மாற்ற அனுமதிக்கிறது. அவை **குறுக்கு-வெட்டும் கவலைகளுக்கு** சிறந்த இடம், இது எல்லா கோரிக்கைகளுக்கும் பொருந்தும் — அங்கீகார டோக்கன்கள், பதிவு, பிழை கையாளுதல், ஏற்றுதல் சுட்டிகள்.

## செயல்பாட்டு 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 கோரிக்கையையும் `next` செயல்பாட்டையும் (அடுத்த핸ண்டலர்) பெறுகிறது. முக்கியமாக, கோரிக்கைகள் **மாற்ற முடியாதவை**, எனவே நீங்கள் மாற்றங்களுடன் `.clone()` செய்கிறீர்கள், மாற்றாக சிதைத்து விடாமல். இதை ஒருமுறை பதிவு செய்வது ஒவ்வொரு வெளிச்செல்லும் கோரிக்கையும் தானாக அங்கீகார தலைப்பை கொண்டு செல்வதைக் குறிக்கிறது — ஒவ்வொரு சேவையிலும் இதை மீண்டும் செய்யாமல்.

## Interceptors பதிவு செய்தல்

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

பல interceptors ஒரு **சங்கிலியை** உருவாக்குகின்றன, ஒவ்வொன்றும் அடுத்ததுக்கு செல்கிறது — வரிசை முக்கியம்.

## பதிலுகள் மற்றும் பிழைகளை உலகளவில் கையாளுதல்

```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 பதில் Observable ஐও சுற்றிக் கொள்ளுவதால், நீங்கள் முழு நிரல்பொருளுக்கான **ஒரு இடத்தில்** பிழைகளை (எ.கா. 401 இல் திறிதல், ஒரு உறுதிப்படுத்தல் காட்டுதல்) கையாள முடியும்.

## Interceptor இன் பொதுவான பயன்பாடுகள்

```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 தர்க்கத்தை மையப்படுத்துகிறது இது வேறுவிதமாக சभ HTTP அழைப்புகள் முழுதும் நகல் செய்யப்படும் — மிக முக்கியமாக அங்கீகார டோக்கன்கள் இணைக்க மற்றும் பிழைகளை உலகளவில் கையாளுதல்.

இது சேவைகளை சுத்தமாக வைத்திருக்கிறது (அவை கோரிக்கைகளை மட்டுமே செய்கின்றன) மற்றும் முழு நிரல்பொருள் முழுதும் சামঞ்জस্যपूर्ण நடத்தையை உறுதி செய்கிறது।

அங்கீகার-டோக்கன் மற்றும் உலகளவு-பிழை interceptors உற்பத்தி Angular பயன்பாடுகளில் கிட்டத்திட்ட உலகளாவியமாக உள்ளன; clone-to-modify விதி மற்றும் சங்கிலி மாதிரியை அறிந்துகொள்வது அவற்றை சரியாக எழுத கோட்பாடு ஆகும்।