主要是一个简单的学习，webassebly 支持通过import 调用环境的函数（比如调用浏览器或者nodejs 中的一些方法）
简单说明
方法很多，包含了emscripten 提供的调用js 的宏，但是以下使用了一个emscripten 提供的--js-library 功能
- --js-library 简单说明
--js-library 主要是实现emcc 在编译的时候使用外部js 提供的方法，同时--js-library 对于外部库的定义也有一些要求
参考格式
addToLibrary({
my_js: function() {
alert('hi');
},
});
- 项目使用
jsapp.c
#include <emscripten.h>
// 通过extern 定义引用外部的js 方法，编译的时候通过--js-library 指定外部方法的实现
extern int sub(int a, int b);
EMSCRIPTEN_KEEPALIVE
int subapp(int a, int b){
return sub(a,b);
}
cmake 构建target(为了简单我使用了一个绝对路径的地址)
add_executable(jssub src/jsapp.c)
target_link_libraries(jssub "-s MODULARIZE=1 --js-library /src/${CMAKE_CURRENT_SOURCE_DIR}/sub_library.js -s EXPORTED_RUNTIME_METHODS=ccall")
构建
基于容器构建
- 构建命令
docker run -it -v $PWD:/src emscripten/emsdk:3.1.47 sh
mkdir build
cd build
emcmake cmake ..
make
- 效果
- 代码调用
const jssub = require("./build/jssub")
jssub().then((instance) => {
console.log(instance._subapp(33,1))
})
说明
代码已经push 到gihtub了，可以参考, 核心是参考emscripten提供的格式要求，但是此方法是有一些限制的(不能使用闭包，解决方法是使用
--pre-js 或者--post-js )
参考资料
https://github.com/rongfengliang/emscripten_basic_learning
https://web.dev/articles/emscripten-embedding-js-snippets?hl=zh-cn
https://emscripten.org/docs/porting/connecting_cpp_and_javascript/Interacting-with-code.html#implement-c-in-javascript