emscripten 中c 代码引用外部js 函数

主要是一个简单的学习，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")

my_js: function() {

构建

基于容器构建

• 构建命令

docker run -it -v $PWD:/src  emscripten/emsdk:3.1.47 sh
mkdir build
cd build 
emcmake cmake ..
make 

mkdir build

• 效果

• 代码调用

const jssub = require("./build/jssub")
jssub().then((instance) => {
  console.log(instance._subapp(33,1))
})

jssub().then((instance) => {

说明

代码已经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