如何降级/回滚IndexedDB？Web应用版本回滚的技术问询

IndexedDB本身并不支持直接降级数据库版本——当你尝试打开一个低于当前数据库已有版本的连接时，浏览器会直接抛出错误，这是它的设计限制。针对回滚场景，你需要用手动处理的方式来实现，具体步骤如下：

• 先检测版本差，再执行降级操作
  首先打开数据库（不指定版本，让浏览器自动使用现有版本），获取当前数据库的版本号，和你要回滚到的目标版本对比：

  • 如果当前版本高于目标版本，先关闭数据库连接，然后调用indexedDB.deleteDatabase()删除现有数据库。
  • 删除完成后，再用目标版本号重新打开数据库，执行旧版本的初始化逻辑（比如创建旧版本的对象仓库、索引），如果需要保留数据，记得在删除前先导出数据，之后再导入到新创建的旧版本数据库里。

  示例代码：

  // 获取当前数据库版本
  const checkVersionRequest = indexedDB.open('MyAppDB');
  checkVersionRequest.onsuccess = (e) => {
    const db = e.target.result;
    const currentVersion = db.version;
    const targetOldVersion = 2; // 要回滚到的旧版本号
  
    if (currentVersion > targetOldVersion) {
      // 先关闭连接才能删除数据库
      db.close();
      // 删除现有数据库
      const deleteReq = indexedDB.deleteDatabase('MyAppDB');
      deleteReq.onsuccess = () => {
        // 重新创建旧版本数据库
        const rollbackReq = indexedDB.open('MyAppDB', targetOldVersion);
        rollbackReq.onupgradeneeded = (e) => {
          const newDb = e.target.result;
          // 这里写旧版本的数据库结构初始化逻辑
          if (!newDb.objectStoreNames.contains('userData')) {
            newDb.createObjectStore('userData', { keyPath: 'userId' });
          }
          // 若之前导出了数据，在此导入
        };
        rollbackReq.onsuccess = () => {
          console.log('数据库已成功回滚至旧版本');
        };
      };
    }
  };
  

• 提前做降级兼容规划
  开发新版本时，别直接删除旧的对象仓库或索引，先保留旧结构同时新增新结构。这样真要回滚时，不用删除整个数据库，只需要切换回旧结构的使用逻辑即可，减少数据丢失风险。另外，给数据加上版本标识，方便回滚时识别并转换数据格式。

• 降级前做好数据备份
  如果有需要保留的数据，降级前先把关键数据导出到内存、localStorage（数据量小的情况）或者其他临时存储。数据量大的话可以分批次导出，等旧版本数据库创建完成后再导入回去。

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