逍遥阁

编译C/C++为WebAssembly

关键词: WebAssembly

编译C/C++为WebAssembly

### 编译器安装

如果自己想手动安装，可以参考`https://emscripten.org`

我使用docker来运行，运行命令如下(相当于进入一个已经装好了编译器的linux系统)

```
sudo docker run -it -v /tmp:/tmp trzeci/emscripten bash
```

### 准备好测试的源代码

假设文件`test.c`的内容如下

```
#include <stdio.h>
#include <emscripten/emscripten.h>

int main(int argc, char ** argv){
    printf("This is main function\n");
}

#ifdef __cplusplus
extern "C" {
#endif

void EMSCRIPTEN_KEEPALIVE show(int argc, char ** argv){
    printf("This is show function\n");
}

#ifdef __cplusplus
}
#endif
```

### 编译

```
emcc test.c -s WASM=1 -s "EXTRA_EXPORTED_RUNTIME_METHODS=['ccall']" -o test.js
```

编译会生成`test.js`和`test.wasm`这2个文件，引用的时候需要放在一起

### HTML引用

```
<!DOCTYPE html>
<html>
<head>
<title>test</title>
</head>
<body>
<button>run c show function</button>
<script type="text/javascript" src="test.js" async></script>
<script type="text/javascript">
document.querySelector('button').addEventListener('click', function(){
    Module.ccall('show', null, null, null);
});
</script>
</body>
</html>
```

### 注意

main函数是默认就会被调用的

网页项目需要跑在HTTP服务下才可以

admin
2019-10-31 12:57:40
javascript

文章分类

文章标签

文章归档

友情链接

编译C/C++为WebAssembly