环境安装可以参考:
WebAssembly 环境配置
也可以使用docker:
docker run -it --rm -v $(pwd):/home/src trzeci/emscripten sh

比较全面介绍wasm的:
C/C++面向WebAssembly编程

wasm有自己的工具链对应

emconfigure ./configure
emmake make

类似的静态库使用命令

emcc -c test_so_lib.cc
emar rcs test_so_lib.a test_so_lib.o

编译生成文件:
有js html wasm文件可以生成,html是一个测试网页用处不大,wasm是编译好的二进制程序文件单独使用要自己写加载功能,js是加载wasm的一个胶水脚本有加载wasm和导出一些符号的功能,命令可以使用

emcc demo.cc test_so_lib.a  --js-library demo_js_lib.js -o demo.js -s "EXTRA_EXPORTED_RUNTIME_METHODS=['ccall', 'cwrap', 'setValue', 'getValue']"
  • --js-library demo_js_lib.js 可以连接js文件在c里调用
  • -s "EXTRA_EXPORTED_RUNTIME_METHODS=['ccall', 'cwrap', 'setValue', 'getValue']" 要导出到js里的函数
  • -o demo.js 会生成wasm和js两个文件
  • -g4 附加调试信息可以调试时候使用

c和js参数传递和返回正常是只能传number

传一整块内存时候也可以使用number传指针的方式,但是有些局限性:

  • js访问c的内存:c里能使用的内存和栈空间都是在胶水js里申请的一大块内存的一部分,在正常js里分配的变量等,不在这部分内存里c是看不到的,要使用这块内存可以直接在c里返回一个全局缓冲区的指针或者动态malloc出来内存的指针,在js里通过胶水js里的setValue和getValue来操作
  • c访问js的数据:c不能访问js里分配的内存,只能通过c申请了内存在js里把数据放进去传给c,其中胶水js里的ccall是一个类似这样封装,可以传array进去,大致是在栈上分配一块内存把数据放进去传给c,这样也就造成了在c里直接操作传进去的数据栈释放了就没了,原始数据也不会被修改

demo代码放在了
https://gitee.com/nick_yang/wasm_test.git


o_ra
3 声望2 粉丝

记录工作中碰到的问题