0

Necesitaría poder crear un caché de los datos solicitados a una API, de manera que durante unos minutos a configurar, 5 por ejemplo, no se soliciten más datos externos. Pasado este tiempo debería actualizarse el caché y vuelta a empezar.

Entiendo que de alguna manera hay que registrar cada momento en el que se accede a la API, ¿debería guardarse la fecha-hora en una cookie por ejemplo o hay otros métodos mejores?

Gracias

6
  • Puedes usar localStorage o sessionStorage Commented el 26 oct. 2020 a las 12:41
  • Perfecto, lo miro, gracias
    – Xavi T.
    Commented el 26 oct. 2020 a las 16:00
  • o puedes utilizar un BehaviorSubject en el servicio para guardar la informacion, ese servicio moriria dependiendo de el scope del provider, si lo haces en el app module siempre estara disponible hasta que la app muera. Commented el 26 oct. 2020 a las 20:44
  • ENfoca la pregunta en algo que quieres lograr. Si la dejas buscando opiniones sobre cómo es mejor, bien puede terminar cerrada por este motivo. ¿Probaste algo en la aproximación que comentas? Sería bueno que compartieras el código que llevas para ver cómo te pueden ayudar de forma más precisa y oportuna
    – Alfabravo
    Commented el 26 oct. 2020 a las 21:13
  • Previo al local o session Storage, me he encallado en como ejecutar el http.get de forma asíncrona ya que ahora mismo, mientras se solicita la información a la API, el código sigue su camino, no se si me he explicado. Llevo horas investigando las promesas, async(), await, ... sin éxito. Estoy dudando si seguir en este hilo o abrir otro nuevo específico documentando el código, ...
    – Xavi T.
    Commented el 27 oct. 2020 a las 8:56

1 respuesta 1

0

Este seria la manera de hacerlo con un servicio y un BehaviorSubject

  1. En tu componente haces una suscripción a la función GetData() esta te notificara cuando la información cambie en el cache.

  2. refreshCache() esta función debe ser llamada cada cierto tiempo con un setInterval o bien cuando desees llamarlo.

Servicio.ts

private ApiCache = new BehaviorSubject<TipoDeDato>(null);


public GetData(): Observable<TipoDeDato> {
   this.refreshCache();
   return this.ApiCache;  
}

public refreshCache() {
    let cache = this.apiCache.value; 
    let currentDate = new Date();
    let endDate = currentDate.setMinutes ( currentDate .getMinutes() + 5); 
    if(cache && cache.endDate <= currentDate) { 
      this.http.get('ruta', PARAMETROS).subscribe(data => {
            data[endDate] = endDate;
            this.apiCache.next(data);              
      })
    }
}

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.