iOS Safari中PWA后台上传音视频文件的可行性及方案咨询

针对iOS Safari不支持Service Worker Background Fetch/Sync API的问题，以下是几个可行的替代方案，覆盖不同iOS版本和场景：

1. 利用iOS专属后台任务API（iOS 14.5+） #

iOS 14.5及以上的Safari支持Background Tasks API，可以申请一段后台运行时间来完成未结束的上传任务，窗口期通常在几分钟内，足够处理中等大小的文件或分块上传的部分任务。

实现步骤：

• 上传启动前，调用navigator.backgroundTasks.request()申请后台任务ID
• 上传过程中，每完成一个分块可调用navigator.backgroundTasks.extend()延长后台时间
• 上传完成/失败后，必须调用navigator.backgroundTasks.finish()结束任务，避免系统强制终止进程

示例代码：

let bgTaskId;

async function startChunkedUpload(file) {
  // 申请后台任务权限
  if ('backgroundTasks' in navigator) {
    bgTaskId = await navigator.backgroundTasks.request('media-upload');
  }

  const chunkSize = 2 * 1024 * 1024; // 2MB分块
  const totalChunks = Math.ceil(file.size / chunkSize);

  try {
    for (let i = 0; i < totalChunks; i++) {
      const start = i * chunkSize;
      const end = Math.min(start + chunkSize, file.size);
      const chunk = file.slice(start, end);
      
      await uploadChunkToServer(chunk, i, totalChunks);
      
      // 每块上传后尝试延长后台时间
      if ('backgroundTasks' in navigator) {
        await navigator.backgroundTasks.extend(bgTaskId);
      }
    }
  } catch (err) {
    console.error('上传中断:', err);
  } finally {
    // 结束后台任务
    if ('backgroundTasks' in navigator && bgTaskId) {
      navigator.backgroundTasks.finish(bgTaskId);
    }
  }
}

2. 分块上传+断点续传（兼容全iOS版本） #

这是最通用的方案，不依赖后台持续运行，而是通过本地存储记录上传进度，即使应用被后台终止，下次打开时可从断点继续上传。

实现思路：

• 将文件拆分为固定大小的分块，把每块的上传状态（已完成/待上传）存储到IndexedDB中
• 每次上传前先读取IndexedDB，跳过已完成的分块，只上传未完成的部分
• 上传过程中实时更新IndexedDB的进度状态

这种方案虽然不能在后台持续上传，但能避免用户因后台终止而重新上传整个文件，大幅提升体验。

3. 静默推送唤醒Service Worker（iOS 15.4+） #

iOS 15.4开始支持PWA的静默推送，可通过服务器发送推送消息唤醒后台的Service Worker，触发续传逻辑。

实现要点：

• 引导用户授权推送权限（需HTTPS环境）
• 上传进入后台后，服务器根据上传进度定时发送静默推送
• Service Worker监听push事件，在回调中读取本地存储的上传进度，继续处理未完成的分块

注意：苹果对静默推送的频率有限制，不能过于频繁，否则会被系统拦截。

4. 优化PWA后台存活条件 #

• 引导用户将PWA添加到主屏幕：主屏幕PWA的后台存活时间远长于Safari内打开的PWA
• 提示用户开启应用的“后台刷新”权限：在iOS设置->对应PWA应用->开启“后台刷新”，能提升后台进程存活概率

关键注意事项 #

苹果对iOS后台进程管控严格，没有能实现Android那样持续后台上传的完美方案，所有方案都需要结合分块上传来降低风险，优先保证用户不需要重复上传整个文件。

内容的提问来源于stack exchange，提问作者yclod