Web Workers 与主线程协作的持久化架构

`title: Web Workers 与主线程协作的持久化架构``categories: Web 开发/前端/数据管理``keywords: Web Worker,SharedWorker,消息,Streams,OPFS,IndexedDB``description: 设计面向持久化的主线程-Worker 协作模型，使用消息与流传递数据，在 Worker 内执行写入 OPFS/IndexedDB 以避免主线程阻塞。`消息契约// main

const w = new Worker('/persistence-worker.js');

w.postMessage({ type: 'write-opfs', name: 'out.bin', bytes });

// worker

self.onmessage = async ({ data }) => {

if (data.type === 'write-opfs') {

const root = await navigator.storage.getDirectory();

const handle = await root.getFileHandle(data.name, { create: true });

const sync = await handle.createSyncAccessHandle();

try { sync.write(data.bytes); sync.flush(); } finally { sync.close(); }

}

};

流式管道async function netToOPFS(url, name) {

const res = await fetch(url);

const root = await navigator.storage.getDirectory();

const handle = await root.getFileHandle(name, { create: true });

const writable = await handle.createWritable();

await res.body.pipeTo(writable);

}