TFS扩展ShimmedLocalStorage无法跨会话持久化问题咨询

首先明确：shimmedLocalStorage不是Bug，这是TFS扩展沙箱环境的设计限制。它的作用仅在于模拟原生localStorage的API，让依赖该API的代码能在沙箱中运行，但数据只保存在当前会话的内存中，页面/iframe刷新后就会丢失，本身并不支持持久化存储。

针对你的应用需要持久化用户设置与数据的需求，官方提供了专门的解决方案——使用Extension Data Service，这是VSS SDK中用于扩展数据持久化的官方服务，支持跨会话、跨设备的存储。

具体实现步骤 #

1. 配置扩展权限 #

在你的扩展manifest文件（通常是vss-extension.json）中，添加必要的权限以访问Extension Data Service：

{
  "scopes": [
    "vso.extensiondata_read",
    "vso.extensiondata_write"
  ]
}

2. 使用Extension Data Service进行数据读写 #

通过VSS SDK获取数据服务实例，然后调用对应的方法完成存储和读取操作：

// 初始化VSS SDK
VSS.init({
  explicitNotifyLoaded: true,
  usePlatformStyles: true
});

VSS.ready().then(async () => {
  // 获取Extension Data Service实例
  const dataService = await VSS.getService(VSS.ServiceIds.ExtensionData);
  
  // 示例：存储用户设置（isUserScoped设为true表示仅当前用户可见）
  const userSettings = {
    theme: "dark",
    autoSave: true,
    favoriteProjects: ["ProjectA", "ProjectB"]
  };
  await dataService.setValue("userAppSettings", userSettings, { isUserScoped: true });
  
  // 示例：读取已存储的用户设置
  const savedSettings = await dataService.getValue("userAppSettings", { isUserScoped: true });
  if (savedSettings) {
    console.log("加载用户设置：", savedSettings);
    // 在这里将设置应用到你的应用逻辑中
  }
}).catch(err => {
  console.error("数据存储/读取失败：", err);
});

关键说明 #

• 存储范围：通过isUserScoped参数可以控制数据的可见范围：
  • true：数据仅当前用户可见，跨设备同步（基于用户的Azure DevOps账号）
  • false：数据属于当前项目/团队，所有有权限访问该项目的用户都能看到
• 数据持久化：存储的数据会被保存到Azure DevOps的服务器上，完全支持跨会话、跨刷新的持久化
• 限额限制：Extension Data Service有一定的存储限额，对于用户设置这类小体量数据完全够用，如果需要存储大量数据，建议考虑其他后端存储方案

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