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
中。