Scratch应用启动时如何将.sb3项目文件加载至编辑器？

你的推测完全正确，scratch-storage正是Scratch负责项目存储与读取的核心模块，下面是可落地的具体操作步骤：

步骤1：处理API获取的.sb3文件 #

先将API返回的二进制响应转换为Blob对象，方便后续存储处理：

// 假设apiResponse是从接口获取的二进制数据
const sb3Blob = new Blob([apiResponse], {type: 'application/zip'});

步骤2：初始化scratch-storage实例 #

如果是自定义构建的Scratch应用，手动初始化存储实例（官方Scratch应用通常已有全局实例）：

const Storage = require('scratch-storage');
const storage = new Storage();
// 添加必要的存储适配器
storage.addWebStore();
storage.addLocalStore();

步骤3：解析并加载项目到编辑器 #

结合scratch-project模块解析.sb3，再传递给Scratch虚拟机（VM）完成加载：

const Project = require('scratch-project');

// 把Blob存入storage，自定义项目ID
const customProjectId = 'my-loaded-project';
storage.put(customProjectId, sb3Blob, {type: 'project'});

// 解析项目文件
const project = await Project.load(storage, customProjectId);

// 获取全局VM实例并加载项目
const vm = window.scratchVM;
await vm.loadProject(project.toJSON());

步骤4：整合到启动流程 #

将上述代码放置到Scratch应用的启动初始化环节（比如src/index.js或app.js的启动钩子中），确保在编辑器界面渲染前完成项目加载。

关键注意事项 #

• 保证scratch-storage、scratch-project的版本与你的Scratch应用版本一致，避免兼容性报错
• 若修改官方Scratch桌面应用，需找到对应启动入口文件注入代码
• 记得添加API请求和项目加载的错误捕获逻辑，防止启动崩溃

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