Web Share Target 接收共享与持久化实践

概述Web Share Target 允许应用成为系统分享目标。本文展示 manifest 配置与 SW 接收处理并持久化。Manifest 配置（示例）{ "share_target": { "action": "/share", "method": "POST", "enctype": "multipart/form-data", "params": { "title": "title", "text": "text", "files": [{ "name": "files", "accept": ["*/*"] }] } } } Service Worker 接收并持久化self.addEventListener('fetch', event => { const url = new URL(event.request.url); if (url.pathname === '/share' && event.request.method === 'POST') { event.respondWith((async () => { const fd = await event.request.formData(); const title = fd.get('title') || ''; const text = fd.get('text') || ''; const files = fd.getAll('files'); const db = await new Promise((res, rej) => { const r = indexedDB.open('share', 1); r.onupgradeneeded = () => { const db = r.result; if (!db.objectStoreNames.contains('items')) db.createObjectStore('items', { autoIncrement: true }); }; r.onsuccess = () => res(r.result); r.onerror = () => rej(r.error); }); const tx = db.transaction('items','readwrite'); tx.objectStore('items').add({ title, text, ts: Date.now() }); for (const f of files) tx.objectStore('items').add({ fileName: f.name, type: f.type, size: f.size, ts: Date.now() }); await new Promise((res, rej) => { tx.oncomplete = res; tx.onerror = () => rej(tx.error); }); db.close(); return new Response('', { status: 201 }); })()); } });