Cache Storage 清单校验与哈希命名实践

概述清单与哈希命名能确保缓存一致性。本文提供校验与缓存写入示例。清单校验与写入async function sha256(bytes) { const buf = await crypto.subtle.digest('SHA-256', bytes); return Array.from(new Uint8Array(buf)).map(x=>x.toString(16).padStart(2,'0')).join(''); }

async function cacheWithManifest(manifest, request) {

const res = await fetch(request);

const ab = await res.clone().arrayBuffer();

const hex = await sha256(new Uint8Array(ab));

const url = new URL(request.url);

const key = `${url.pathname}?v=${hex}`;

if (manifest[url.pathname] !== hex) throw new Error('mismatch');

const cache = await caches.open('assets-hash');

await cache.put(new Request(key), res.clone());

return res;

}