如何使用 emscripten 将文件从 C 保存到浏览器存储

Question

我用来在浏览器中运行game 的game engine 运行lua，并且在我的游戏中我使用普通的fopen / write / fclose 保存文件。引擎C/C++代码通过emscripten编译成JS。什么是让这些文件写入最终存储在本地存储或浏览器缓存位置的其他一些好方法？我已经搜索了网络并查看了文档，但信息非常稀少，我还没有找到任何明确的答案来说明这应该如何工作。

游戏引擎的前任贡献者在 emscripten 构建中添加了一个 js 库，它将覆盖 fclose 以回调 javascript。但是这个 fclose 覆盖似乎不再被调用，它根本不包含在最终的 .js 文件中。

Answer 1

Emscripten 文件系统 API 涵盖了您使用 IndexedDB 的案例。

这里是Filesystem API overview。它有四种类型：

1. MEMFS：一种易失的内存存储。这是默认的文件系统类型，在运行时挂载在/。
2. NODEFS：这使用的是node.js fs api，这不是你的情况。
3. IDBFS：这利用了IndexedDB，您可以将其用于离线存储。
4. WORKERFS：这是为了在工作人员内部使用。

您可以将IDBFS 与 Emscripten 自己的 FS API 一起使用（虽然这是 JavaScript 端 API）。您需要先安装它才能使用它。您可以使用FS.mkdir,FS.mount, and FS.syncfs 来实现它。下面是一个 C 语言的粗略例子：

#include <emscripten.h>

int main() {
    // EM_ASM is a macro to call in-line JavaScript code.
    EM_ASM(
        // Make a directory other than '/'
        FS.mkdir('/offline');
        // Then mount with IDBFS type
        FS.mount(IDBFS, {}, '/offline');

        // Then sync
        FS.syncfs(true, function (err) {
            // Error
        });
    );

    // Use fopen / write / fclose in C here.
    int off_file = fopen("/offline/any_file");
    ...

    // Don't forget to sync to make sure you store it to IndexedDB
    EM_ASM(
        FS.syncfs(function (err) {
            // Error
        });
    );
}

Here is a more detailed example 来自 Emscripten 存储库。