解决浏览器中多次调用WASM的Module.callMain无效问题

问题场景 #

将C命令行程序通过Emscripten编译为WASM后，希望在浏览器中每次点击按钮时，把文本框内容作为stdin传入程序，程序的stdout输出到另一个文本框，但目前仅能成功调用一次Module.callMain()，后续调用无响应。

核心问题分析 #

1. stdin返回值错误：原代码中stdin回调返回null表示EOF，但Emscripten标准要求返回-1，导致输入流处理异常。
2. 运行时状态未重置：启用noExitRuntime: true后，程序的stdio流状态、内部全局变量不会自动重置，第二次调用时程序处于异常状态。
3. 输出框初始化逻辑缺陷：原print函数仅在Module创建时清空一次输出框，后续调用不会重置输出内容。

解决方案 #

1. 调整编译参数 #

保留原有参数的基础上，添加INVOKE_RUN=0避免程序自动运行，同时导出FS模块用于重置stdio状态：

-s 'EXIT_RUNTIME=0' -s 'INVOKE_RUN=0' -s EXPORTED_RUNTIME_METHODS='["callMain", "FS", "ccall"]' -s ENVIRONMENT=web

2. 修改HTML代码 #

在每次调用callMain前重置输入状态、清空输出框，并通过FS模块重置stdio流：

<!doctype html>
<html lang="en-us">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>WASM CLI Runner</title>
  </head>
  <body>
    <textarea id="input" rows="8"></textarea>
    <button onclick="exec()">run</button>
    <textarea id="output" rows="8"></textarea>
    <script>
      var input_box = document.getElementById('input');
      var output_box = document.getElementById('output');
      var input_text = "";
      let input_ptr = 0;

      var Module = {
        noInitialRun: true,
        noExitRuntime: true,
        print: function(...args) {
          var text = args.join(' ');
          console.log(text);
          output_box.value += text + "\n";
          output_box.scrollTop = output_box.scrollHeight;
        },
        printErr: function(...args) {
          var text = args.join(' ');
          console.error(text);
          output_box.value += "[ERROR] " + text + "\n";
          output_box.scrollTop = output_box.scrollHeight;
        },
        stdin: function() {
          if (input_ptr >= input_text.length) {
            // Emscripten标准用-1表示EOF
            return -1;
          }
          return input_text.charCodeAt(input_ptr++);
        }
      };

      function exec() {
        // 1. 清空输出框
        output_box.value = '';
        // 2. 重置输入指针
        input_ptr = 0;
        input_text = input_box.value;
        // 3. 重置stdin流状态，清除残留EOF标记
        if (Module.FS) {
          const stdinFD = Module.FS.open('/dev/stdin', 'r+');
          Module.FS.seek(stdinFD, 0, 0);
          Module.FS.close(stdinFD);
        }
        // 4. 调用主函数
        Module.callMain([]);
      }
    </script>
    <script async type="text/javascript" src="main.js"></script>
  </body>
</html>

关键修改点说明 #

• 修正stdin返回值：将null改为-1，符合Emscripten的EOF标准定义。
• 每次调用重置状态：在exec函数中清空输出框、重置输入指针，同时通过FS模块重置stdin文件描述符，清除上一次的EOF状态。
• 添加错误输出处理：新增printErr回调捕获程序的错误输出，便于调试。
• 编译参数补充INVOKE_RUN=0：确保程序加载时不会自动运行，完全由手动调用callMain控制执行时机。

额外提示 #

如果你的C程序使用了全局变量，需要额外导出一个C重置函数，在JS中通过ccall调用，确保每次callMain前全局变量恢复初始状态，避免残留数据影响执行结果。

内容的提问来源于stack exchange，提问作者André Rosa