如何在Node.js中使用WebAssembly

WebAssembly的一个优点是编译生成的wasm文件，既可以用于Web客户端，也可以用于运行在任何操作系统的Node.js服务端。

编译

创建一个简单的test.c：

#include <stdlib.h>
#include <stdint.h>
#include <emscripten.h>

EMSCRIPTEN_KEEPALIVE
int add(int a, int b) {
  return a + b;
}

使用Emscripten编译生成test.js和test.wasm文件

emcc test.c -O2 -s WASM=1 -Wall -s MODULARIZE=1 -o test.js

Node.js应用

创建index.js：

const Module = require('./test.js');
const wasm = Module({wasmBinaryFile: 'test.wasm'});
wasm.onRuntimeInitialized = function() {
    console.log(wasm._add(40, 40));
};

通过onRuntimeInitialized事件可以知道wasm文件已经被加载完了。接下来就可以调用C的接口。

Web应用

在HTML页面中导入test.js：

<script src="test.js">

监听wasm文件的加载状态：

var wa_add;
if (Module) {
    wasm = Module({
        wasmBinaryFile: 'test.wasm'
    });
    wasm.onRuntimeInitialized = function () {
        document.getElementById('anim-loading').style.display = 'none';
        wa_add = wasm._add;
    };
}

这里的Module已经被定义在test.js中。

源码

https://github.com/yushulx/webassembly-nodejs