Service Worker 流式响应与边处理边返回实践

概述SW 可返回可读流作为响应体。本文给出在 `fetch` 事件中构建流式响应的示例。流式响应self.addEventListener('fetch', event => { const url = new URL(event.request.url); if (url.pathname === '/stream') { event.respondWith((async () => { const ts = new TransformStream(); const writer = ts.writable.getWriter(); const encoder = new TextEncoder(); writer.write(encoder.encode('start\n')); await new Promise(r => setTimeout(r, 100)); writer.write(encoder.encode('processing\n')); await new Promise(r => setTimeout(r, 100)); writer.write(encoder.encode('done\n')); writer.close(); return new Response(ts.readable, { headers: { 'Content-Type': 'text/plain' } }); })()); } });