OPPO 快游戏在浏览器复现运行（二）之文件系统

快游戏/快应用其实和普通的应用是类似的，除了不用安装以及环境不一样外，他们都是有“包”的概念，也就是启动快游戏后都是从包内读取并加载资源（js、其他资源）。

内容加载一般分几种情况：
1. 入口js、框架js等，一般是直接通过 require 方法加载
2. 固定资源（部分js、配置文件、初始资源等）一般是通过文件系统的 readFile 从包中加载
3. 热资源（动态资源、动态js等）一般是通过 xhr 远程加载
4. 某些框架也是会通过 readFile 进行远程加载

其中除了 readFile 加载本地资源外，require、readFile 远程加载都存在巨多坑，后面会专门讲。

根据快游戏的开发文档，文件系统是有同步+异步API的，因此在 web 端实现也得同步兼容，而浏览器自带的 [IndexedDB](https://developer.mozilla.org/zh-CN/docs/Web/API/IndexedDB_API "IndexedDB") 天生自带两套API，因此使用 [IndexedDB](https://developer.mozilla.org/zh-CN/docs/Web/API/IndexedDB_API "IndexedDB") 作为底层存储就成为了不二之选，当然也不可能纯从零手撸一个 FS 出来，中间层则使用 [ZenFS](https://github.com/zen-fs/core "ZenFS") 做链接，在此之上封装出整套 [文件管理器](https://developer.huawei.com/consumer/cn/doc/quickApp-References/quickgame-api-file-0000001084194212#section10341171144119 "文件管理器") API，也得益于 [ZenFS](https://github.com/zen-fs/core "ZenFS") 开发地完善，接口高度相似，因此封装起来没花费多少时间，而这里的坑也是目前来说最少的地方。其他的地方简直一言难尽:astonished:。

![PixPin_2025-08-18_17-10-05.png](https://storage.liesauer.net/2025/08/759210426.png)