webAssembly官网:
环境搭建
确保windows下已安装git、cmake、visual studio、python 2.7.x
git拉取源码
git clone https://github.com/emscripten-core/emsdk
进入目录
cd emsdk
安装最新的包
emsdk install latest
激活sdk
emsdk activate latest
添加环境变量
emsdk_env.bat
需注意上述环境变量的添加只是临时的,即我们换另一个终端该环境变量就会失效,因此可以用以下方法设置环境变量:
通过我们上面执行的脚本,不难发现有两个部分,一个是在PATH中添加了一些环境变量,还有一个是在全局加了一些环境变量,(下图红框中的信息)。因此我们只需要在环境变量中添加对应的信息即可。
编译
新建一个 .c 文件(注意不是cpp,因为cpp会有一个问题,在此我们先使用.c文件)
例如:
//main.cpp #include"stdio.h" int main() { printf("Hello wasm\n"); return 0; }
之后我们使用
emcc main.c
进行编译,会发现生成了两个文件:a.out.js、a.out.wasm。这里,我们用node跑一下js文件,可能会抛出异常:
stdio streams had content in them that was not flushed. you should set EXIT_RUNTIME to 1 (see the FAQ), or make sure to emit a newline when you printf etc. (this may also be due to not including full filesystem support - try building with -s FORCE_FILESYSTEM=1)
这里的意思其实就是说main函数执行完毕了,因此其中的静态变量以及I/O缓冲区都被释放了,但我们本意并不想让他释放(因为我们js模块还要输出I/O缓冲区中的"Hello wasm\n"),所以只需按上述提示用
emcc main.c -s EXIT_RUNTIME=1
生成文件即可。
同理,我们也可以使用
emcc main.c -s EXIT_RUNTIME=1 -o main.html
生成一个html文件,之后用 live server 打开即可(如果编译器是vscode,可以直接在插件商城里找live server)