使用emscripten编译WebAssembly

需要编译的c语言demo程序add.c

#include <stdio.h>
int add(int a,int b)
{return a+b;
}
int main(void)
{printf("%d\n",add(1,2));
}

1、可以编译成带有html输出文件，可以直接打开html文件查看效果

emcc add.c -s WASM=1 -o add.html

其中-s WASM=1一定要加，否则默认生成的文件不是*.wasm而是js文件

2、大部分情况建议不输出html文件，直接生成wasm文件和js文件。生成的js文件中有调用WebAssembly的接口，我们只需要调用js文件的接口即可。

emcc add.c -s WASM=1 -s SIDE_MODULE=1 -o add.js

3、如果想自己写js调用WebAssembly，有多种方法，其中一种如下：

<script>fetch('add.wasm').then(res =>res.arrayBuffer()).then(buf => {let m_buf = new Uint8Array(buf);let api = Wasm.instantiateModule(m_buf);console.log("123+1024=",api.exports.add(123,1024));});
</script>

使用emscripten编译WebAssembly相关推荐

安装Emscripten编译环境
安装Emscripten编译环境 1.各类安装工具让它一键安装 $ sudo apt update $ sudo apt install vim openssh-server git curl wge ...
Ubuntu16.04手工搭建emscripten编译环境
https://blog.csdn.net/fanxingzju/article/details/80488788 https://blog.csdn.net/weixin_30872733/arti ...
基础为零？如何将 C++ 编译成 WebAssembly
作者| 张翰(门柳) 出品|阿里巴巴新零售淘系技术部本文知识点提炼: 1.如何使用 Emscripten 把 C++ 编译成 wasm. 2.如何使用 wasi-sdk 把 C++ 编译成 wasm ...
WebAssembly运行时库(WASM runtime：wasmer 或 wasmtime)\将rust官方demo猜数字编译为WASI目标并使用Wasmer运行
文章目录 WebAssembly运行时库(wasmer 或 wasmtime.wasmer-go) 一.引子 1. 什么是WASI 2. 有哪些优秀的 WebAssembly 运行时? 二.wasme ...
Emscripten之编译项目
一.前言在C项目中引入外部依赖,通常有两种方法:引入库源代码.使用静/动态库.因为Emscripten做的工作主要是将C代码编译成asm.js或者WebAssembly,所以对于Emscripten ...
webassembly类型_WebAssembly 那些事儿
WebAssembly 那些事儿什么是 WebAssembly? WebAssembly 是除 JavaScript 以外,另一种可以在网页中运行的编程语言,并且相比之下在某些功能和性能问题上更具优 ...
qt webassembly 安装过程记录及注意事项
一安装emsdk 按照Download and install - Emscripten 3.1.6-git (dev) documentation 和Qt 官网介绍Qt for WebAssemb ...
通过WebAssembly在移动端解码H.265
本文转自淘宝技术,文章详细介绍了如何通过WebAssembly在移动Web端实现H.265解码,既享受到了H.265更高的编码效率,又实现了在多种移动端浏览器上兼容.未来,通过WebAssembly还 ...
WebAssembly，Web的新时代
在浏览器之争中,Chrome凭借JavaScript的卓越性能取得了市场主导地位,然而由于JavaScript的无类型特性,导致其运行时消耗大量的性能做为代价,这也是JavaScript的瓶颈之一.W ...

使用emscripten编译WebAssembly

使用emscripten编译WebAssembly相关推荐

最新文章

热门文章