The Cloudflare worker cache API does not ever work.
Using the sample code here:
We can modify it to ALWAYS cache, and to respond with the current timestamp in milliseconds:
async function handleRequest(event) {
const request = event.request
const cacheUrl = new URL(request.url)
// Construct the cache key from the cache URL
const cacheKey = new Request(cacheUrl.toString(), request)
const cache = caches.default
// Check whether the value is already available in the cache
// if not, you will need to fetch it from origin, and store it in the cache
// for future access
let response = await cache.match(cacheKey)
if (!response) {
response = new Response(Date.now())
// Cache API respects Cache-Control headers. Setting s-max-age to 10
// will limit the response to be in cache for 10 seconds max
// Any changes made to the response here will be reflected in the cached value
response.headers.append("Cache-Control", "s-maxage=100")
// Store the fetched response as cacheKey
// Use waitUntil so you can return the response without blocking on
// writing to cache
event.waitUntil(cache.put(cacheKey, response.clone()))
}
return response
}
addEventListener("fetch", event => {
try {
const request = event.request
return event.respondWith(handleRequest(event))
} catch (e) {
return event.respondWith(new Response("Error thrown " + e.message))
}
})
We have deployed the above code here, and as you can see:
https://jacob-test.nichehacks.workers.dev/
Every time you refresh the page, the timestamp updates, so the cache is NEVER used.
How can we enable the cache to actually work like the docs say it should?