RSS Git Download  Clone
  e2e robo8x [chore] 4/29/2020, 10:31:20 PM 3 years, 11 months ago
  projects robo8x [chore] 4/30/2020, 6:41:30 PM 3 years, 11 months ago
  scripts robo8x [chore] 4/30/2020, 6:59:40 PM 3 years, 11 months ago
  src robo8x [chore] 4/30/2020, 6:50:52 PM 3 years, 11 months ago
  .editorconfig 274B robo8x [chore] 4/29/2020, 10:31:20 PM 3 years, 11 months ago
  .gitignore 863B robo8x [chore] 4/29/2020, 11:40:54 PM 3 years, 11 months ago
  .npmignore 168B robo8x [chore] 4/29/2020, 9:50:48 PM 3 years, 11 months ago
  .travis.yml 813B robo8x [chore] 4/30/2020, 2:13:32 PM 3 years, 11 months ago
  Gruntfile.js 1kB robo8x [chore] 4/30/2020, 3:49:07 PM 3 years, 11 months ago
  LICENSE 1kB robo8x [chore] 4/30/2020, 3:49:07 PM 3 years, 11 months ago
  README.md 6kB robo8x [chore] 4/30/2020, 7:01:58 PM 3 years, 11 months ago
  README_Angular.md 3kB robo8x [chore] 4/30/2020, 7:01:58 PM 3 years, 11 months ago
  angular-http-cache-interceptor.iml 335B robo8x [chore] 4/29/2020, 9:50:48 PM 3 years, 11 months ago
  angular.json 5kB robo8x [chore] 4/29/2020, 11:40:54 PM 3 years, 11 months ago
  browserslist 429B robo8x [chore] 4/29/2020, 10:31:20 PM 3 years, 11 months ago
  karma.conf.js 1kB robo8x [chore] 4/29/2020, 10:31:20 PM 3 years, 11 months ago
  package.json 4kB robo8x [chore] 4/30/2020, 7:01:58 PM 3 years, 11 months ago
  tsconfig.app.json 210B robo8x [chore] 4/29/2020, 10:31:20 PM 3 years, 11 months ago
  tsconfig.json 691B robo8x [chore] 4/30/2020, 2:13:32 PM 3 years, 11 months ago
  tsconfig.spec.json 270B robo8x [chore] 4/29/2020, 10:31:20 PM 3 years, 11 months ago
  tslint.json 3kB robo8x [chore] 4/29/2020, 10:31:20 PM 3 years, 11 months ago
  README.md
[//]: #@corifeus-header [![NPM](https://nodei.co/npm/p3x-angular-http-cache-interceptor.png?downloads=true&downloadRank=true)](https://www.npmjs.com/package/p3x-angular-http-cache-interceptor/) [![Donate for Corifeus / P3X](https://img.shields.io/badge/Donate-Corifeus-003087.svg)](https://paypal.me/patrikx3) [![Contact Corifeus / P3X](https://img.shields.io/badge/Contact-P3X-ff9900.svg)](https://www.patrikx3.com/en/front/contact) [![Corifeus @ Facebook](https://img.shields.io/badge/Facebook-Corifeus-3b5998.svg)](https://www.facebook.com/corifeus.software) [![Build Status](https://api.travis-ci.com/patrikx3/angular-http-cache-interceptor.svg?branch=master)](https://travis-ci.com/patrikx3/angular-http-cache-interceptor) [![Uptime Robot ratio (30 days)](https://img.shields.io/uptimerobot/ratio/m780749701-41bcade28c1ea8154eda7cca.svg)](https://uptimerobot.patrikx3.com/) # 🔥 Cache every request in Angular, not only the GET, but all methods using as an interceptor, and allows you to interact with the interceptor via specific headers, that are will be not included in the request. v2020.4.278 **Bugs are evident™ - MATRIX️** ### NodeJs LTS Version Requirement ``` >=12.13.0 ``` ### Built on NodeJs ``` v12.16.3 ``` The ```async``` and ```await``` keywords are required. Only the latest LTS variant is supported. Install NodeJs: https://nodejs.org/en/download/package-manager/ # Built on Angular ```text 9.1.4 ``` # Description [//]: #@corifeus-header:end <!-- Based on [@d4h/angular-http-cache](https://www.npmjs.com/package/@d4h/angular-http-cache), but it works without any configuration and a different implementation, so they are not the same at all, but the idea is the same. --> Usually, you do not cache all requests, but only the `GET` method. But, some clients, it is required to cache everything, including all methods. So, this micro-service does that. There is room in the future, to restrict to specific methods and more configurations, if there is a request for this micro-service, but for now, it is caching all, with the exception when you include the `CachingHeaders.NoCache` header into your request (with any data you specify, see how it works below). # Example web page that uses this package https://angular-http-cache-interceptor.corifeus.com # How to use it ```bash npm i p3x-angular-http-cache-interceptor object-hash @types/object-hash ``` ## Include the caching interceptor into you Angular module ```js import { NgModule } from '@angular/core'; import { P3XHttpCacheInterceptorModule } from 'p3x-angular-http-cache-interceptor'; @NgModule({ declarations: [ ], imports: [ P3XHttpCacheInterceptorModule, ], providers: [ ], bootstrap: [] }) export class SomeModule { } ``` ## Example invocation in a component With and without cache: ```ts import { Component } from '@angular/core'; import { HttpClient } from "@angular/common/http"; import {MatSnackBar} from "@angular/material/snack-bar"; import { CachingHeaders } from 'p3x-angular-http-cache-interceptor' @Component({ selector: 'p3x-root', templateUrl: './app.component.html', styleUrls: ['./app.component.scss'] }) export class AppComponent { constructor( private http: HttpClient, private snack: MatSnackBar, ) { } async loadCached() { try { const response : any = await this.http.get('https://server.patrikx3.com/api/core/util/random/32').toPromise() this.snack.open(`Will be always the same: ${response.random}`, 'OK') } catch(e) { this.snack.open(`Sorry, error happened, check the consle for the error`, 'OK') console.error(e) } } async loadNonCached() { try { const response : any = await this.http.get('https://server.patrikx3.com/api/core/util/random/32', { headers: { [CachingHeaders.NoCache]: '1' } }).toPromise() this.snack.open(`Truly random data: ${response.random}`, 'OK') } catch(e) { this.snack.open(`Sorry, error happened, check the console for the error`, 'OK') console.error(e) } } } ``` You may refer how it works on Github: https://github.com/patrikx3/angular-http-cache-interceptor/blob/master/src/app/app.module.ts https://github.com/patrikx3/angular-http-cache-interceptor/blob/master/src/app/app.component.ts https://github.com/patrikx3/angular-http-cache-interceptor/blob/master/src/app/app.component.html [//]: #@corifeus-footer --- 🙏 This is an open-source project. Star this repository, if you like it, or even donate to maintain the servers and the development. Thank you so much! Possible, this server, rarely, is down, please, hang on for 15-30 minutes and the server will be back up. All my domains ([patrikx3.com](https://patrikx3.com) and [corifeus.com](https://corifeus.com)) could have minor errors, since I am developing in my free time. However, it is usually stable. **Note about versioning:** Versions are cut in Major.Minor.Patch schema. Major is always the current year. Minor is either 4 (January - June) or 10 (July - December). Patch is incremental by every build. If there is a breaking change, it should be noted in the readme. --- [**P3X-ANGULAR-HTTP-CACHE-INTERCEPTOR**](https://pages.corifeus.com/angular-http-cache-interceptor) Build v2020.4.278 [![Donate for Corifeus / P3X](https://img.shields.io/badge/Donate-Corifeus-003087.svg)](https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=QZVM4V6HVZJW6) [![Contact Corifeus / P3X](https://img.shields.io/badge/Contact-P3X-ff9900.svg)](https://www.patrikx3.com/en/front/contact) [![Like Corifeus @ Facebook](https://img.shields.io/badge/LIKE-Corifeus-3b5998.svg)](https://www.facebook.com/corifeus.software) ## P3X Sponsor [IntelliJ - The most intelligent Java IDE](https://www.jetbrains.com/?from=patrikx3) [![JetBrains](https://cdn.corifeus.com/assets/svg/jetbrains-logo.svg)](https://www.jetbrains.com/?from=patrikx3) [//]: #@corifeus-footer:end