feat: เพิ่มระบบ caching
- เพิ่ม caching interceptor และ service - เพิ่ม configสำหรับ caching
This commit is contained in:
11
accounting-ng-nuttakit/src/app/config/caching.config.ts
Normal file
11
accounting-ng-nuttakit/src/app/config/caching.config.ts
Normal file
@@ -0,0 +1,11 @@
|
||||
export const CACHEABLE_URLS = {
|
||||
GET: [
|
||||
// Add GET URIs here that you want to cache
|
||||
// e.g., '/api/data'
|
||||
],
|
||||
POST: [
|
||||
'/api/web/accountingSearch'
|
||||
// Add POST URIs here that you want to cache
|
||||
// e.g., '/api/search'
|
||||
]
|
||||
};
|
||||
@@ -0,0 +1,52 @@
|
||||
import { Injectable } from '@angular/core';
|
||||
import {
|
||||
HttpEvent, HttpInterceptor, HttpHandler, HttpRequest, HttpResponse
|
||||
} from '@angular/common/http';
|
||||
import { Observable, of } from 'rxjs';
|
||||
import { tap } from 'rxjs/operators';
|
||||
import { CachingService } from './caching.service';
|
||||
import { CACHEABLE_URLS } from '../config/caching.config';
|
||||
|
||||
@Injectable()
|
||||
export class CachingInterceptor implements HttpInterceptor {
|
||||
|
||||
constructor(private cache: CachingService) {}
|
||||
|
||||
intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
|
||||
if (!this.isCacheable(req)) {
|
||||
return next.handle(req);
|
||||
}
|
||||
|
||||
const cachedResponse = this.cache.get(this.getCacheKey(req));
|
||||
if (cachedResponse) {
|
||||
return of(cachedResponse.clone());
|
||||
}
|
||||
|
||||
return next.handle(req).pipe(
|
||||
tap(event => {
|
||||
if (event instanceof HttpResponse) {
|
||||
this.cache.put(this.getCacheKey(req), event.clone());
|
||||
}
|
||||
})
|
||||
);
|
||||
}
|
||||
|
||||
private isCacheable(req: HttpRequest<any>): boolean {
|
||||
if (req.method === 'GET') {
|
||||
return CACHEABLE_URLS.GET.some(url => req.urlWithParams.includes(url));
|
||||
}
|
||||
|
||||
if (req.method === 'POST') {
|
||||
return CACHEABLE_URLS.POST.some(url => req.urlWithParams.includes(url));
|
||||
}
|
||||
|
||||
return false;
|
||||
}
|
||||
|
||||
private getCacheKey(req: HttpRequest<any>): string {
|
||||
if (req.method === 'POST') {
|
||||
return req.urlWithParams + JSON.stringify(req.body);
|
||||
}
|
||||
return req.urlWithParams;
|
||||
}
|
||||
}
|
||||
41
accounting-ng-nuttakit/src/app/services/caching.service.ts
Normal file
41
accounting-ng-nuttakit/src/app/services/caching.service.ts
Normal file
@@ -0,0 +1,41 @@
|
||||
import { Injectable } from '@angular/core';
|
||||
import { HttpResponse } from '@angular/common/http';
|
||||
|
||||
@Injectable({
|
||||
providedIn: 'root'
|
||||
})
|
||||
export class CachingService {
|
||||
private cache = new Map<string, [Date, HttpResponse<any>]>();
|
||||
private cacheDurationInMs = 600000; // 5 minutes
|
||||
|
||||
constructor() { }
|
||||
|
||||
get(key: string): HttpResponse<any> | null {
|
||||
const tuple = this.cache.get(key);
|
||||
if (!tuple) {
|
||||
return null;
|
||||
}
|
||||
|
||||
const expires = tuple[0];
|
||||
const httpResponse = tuple[1];
|
||||
|
||||
// Don't observe expired keys
|
||||
const now = new Date();
|
||||
if (expires && expires.getTime() < now.getTime()) {
|
||||
this.cache.delete(key);
|
||||
return null;
|
||||
}
|
||||
|
||||
return httpResponse;
|
||||
}
|
||||
|
||||
put(key: string, value: HttpResponse<any>): void {
|
||||
const expires = new Date();
|
||||
expires.setMilliseconds(expires.getMilliseconds() + this.cacheDurationInMs);
|
||||
this.cache.set(key, [expires, value]);
|
||||
}
|
||||
|
||||
clear(): void {
|
||||
this.cache.clear();
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user