Nello scorso script abbiamo introdotto la cache come ulteriore strumento per salvare informazioni non sensibili lato client. Questa ci permette prestazioni migliori sia in termini di risparmio risorse che in situzioni dove la connettività può essere un problema.
const cache = await caches.open('mia-cache'); await cache.add(new Request('/mio-file.json')); cache.put('/altro-file.json', new Response('{"name": "Morgan","lastName":"Pizzini"}'));
In questo codice, che riassume ciò che abbiamo visto precedentemente, abbiamo inizializzato la cache e salvato due informazioni: la prima è il risultato di una chiamata verso un url che restituirà un file json; nella seconda, invece di effettuare realmente la chiamata, inseriremo un elemento creato a runtime. In entrambi i casi la cache sarà popolata e toccherà a noi leggerla.
const response = await cache.match(request);
Usando il metodo match è possibile, come per l'inserimento, fornire una request, sia essa stringa o oggetto request, ed ottenere come valore di ritorno il dato precedentemente salvato.
La request ha però delle particolarità, a partire dalla scelta del metodo GET/POST/PUT/DELETE, dall'esistenza delle querystring o diversi headers. Due request con metodi diversi verranno salvate separatamente sulla cache.
Per ignorare queste differenze possiamo fornire delle opzioni di ricerca.
const options = { // ignora il metodo: anche se la request è in GET/POST/.. restituirà sempre lo stesso valore ignoreMethod: true }; const response = await cache.match(request, options); const options = { // ignora query string ignoreSearch: true, ignoreMethod: true, // ignora headers ignoreVary: true }; const response = await cache.match(request, options);
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Utilizzare HiLo per ottimizzare le insert in un database con Entity Framework
Generare file per il download da Blazor WebAssembly
Installare le Web App site extension tramite una pipeline di Azure DevOps
Utilizzare la session affinity con Azure Container Apps
Utilizzare i nuovi piani dedicati di Azure Container Apps
Utilizzare Tailwind CSS all'interno di React: primi componenti
Utilizzare l'operatore GroupBy come ultima istruzione di una query LINQ in Entity Framework
Creare un'applicazione React e configurare Tailwind CSS
Eseguire una query su SQL Azure tramite un workflow di GitHub
Controllare gli accessi IP alle app con Azure Container Apps
Autenticarsi in modo sicuro su Azure tramite GitHub Actions
Mascherare l'output di un valore all'interno dei log di un workflow di GitHub