如何检测何时准备好使用asm.js模块中加载的函数



我正在使用emscripten生成一个文件a.wasm.js,该文件包含C++中用于加密的函数。webassembly函数接收并返回包含JSON数据的C字符串。我想包装这些asm.js函数,以便在我的客户端应用程序中更方便地使用。不幸的是,直接在体内进行。nload似乎不起作用,所以我使用了以下破解:

<script>
!function(e, t){
console.log("Loading client...");
var n = "a.wasm.js";
if(!e.WebAssembly){
n = "a.js"
}
console.log("Script set to " + n);
var o = t.createElement("script");
o.async = true, o.type = "text/javascript", o.src = n, o.onerror = function(t) {
console.error("Script Error"), console.error(t), setTimeout(function() {
e.location.reload(!0)
}, 3e3)

};
var r = t.getElementsByTagName("script")[0];
r.parentNode.insertBefore(o, r)
}(window, document);
</script>
<script>
setTimeout(function(){
let _generateKeyPair = Module.cwrap('generateKeyPair', 'string', null);
window.generateKeyPair = function() {
return JSON.parse(_generateKeyPair());
}
}, 1000)
</script>

当然,这里的问题是我不能使用";generateKeyPair";直到加载应用程序后1秒。

有没有什么回调可以让我挂钩,以知道asm.js模块对象已经完全加载,我可以开始使用其中定义的函数?

一种方法是定义并等待Module.readyPromise。这是在Emscripten编译期间使用--post-js标志注入的。(参见完整示例(
<script src="wasm-module.js"></script>
<script>
Module.ready
.then(api => console.log( api.sayHello() ))
.catch(e => console.error('💩', e))
</script>
$ emcc 
-O0 `# leave uncompressed for example` 
-s WASM=1 
-s EXPORTED_FUNCTIONS="['_hello']" 
-s EXTRA_EXPORTED_RUNTIME_METHODS="['cwrap']" 
-o wasm-module.js 
--post-js module-post.js 
hello.c
// hello.c
char *hello() {
return "Hello there. Welcome to WebAssembly.";
}
// module-post.js
// Module.ready resolves when WASM instantiates. (ready is now a property and not function via @surma fork)
Module.ready = new Promise(function(resolve, reject) {
addOnPreMain(function() {
var api = {
sayHello: Module.cwrap('hello', 'string', [])
};
resolve(api);
});
// Propagate error to Module.ready.catch()
// WARNING: this is a hack based Emscripten's current abort() implementation
// and could break in the future.
// Rewrite existing abort(what) function to reject Promise before it executes.
var origAbort = this.abort;
this.abort = function(what) {
reject(Error(what));
origAbort.call(this, what);
}
});

最新更新