Wasm开发环境搭建

软件开发大郭
0 评论
/
24 阅读
/
1799 字
18 2022-11

webAssembly官网:

https://www.wasm.com.cn/

环境搭建

确保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)

    暂无数据