标签: webassembly

有没有一种在 npm 上发布使用 wasm 二进制文件的库的好方法？

到目前为止，我遇到了几个问题。理想情况下，我想要的东西是：

• 对用户完全透明。他们可以简单地npm install打包，然后import {my_function} from my_package，甚至不必担心包是否使用 wasm 二进制文件。

• 与所有主要的资产捆绑器兼容。无论用户使用webpack、rollup、parcel还是其他东西，他都不需要配置任何东西来打包我的 wasm 文件，将它与其他资产一起分发，并使其可从我的库中访问。

• 高效。理想情况下，WASM文件将不被内联一个js文件中，以便它可以被解析并以流方式编译。这一点不如其他点重要，但是能够利用 wasm 提供的所有速度会很好。

我使用名为sax-wasm 的create-react-app库。稍微修改网络的示例代码我得到了这个：wasm

import { SaxEventType, SAXParser } from 'sax-wasm';

async function loadAndPrepareWasm() {
  const saxWasmResponse = await import('sax-wasm/lib/sax-wasm.wasm');
  const saxWasmbuffer = await saxWasmResponse.arrayBuffer();
  const parser = new SAXParser(SaxEventType.Attribute | SaxEventType.OpenTag, {
    highWaterMark: 64 * 1024,
  });

  const ready = await parser.prepareWasm(new Uint8Array(saxWasmbuffer));
  if (ready) {
    return parser;
  }
}

loadAndPrepareWasm().then(console.log);

当我运行yarn start命令时，我的构建失败了：

Failed to compile.

./node_modules/sax-wasm/lib/sax-wasm.wasm
Module parse failed: magic header not detected
File was processed with these loaders:
 * ./node_modules/file-loader/dist/cjs.js
You may need …

我想知道是否可以使用 C（或 C++ 或 Rust）和 javascript 对共享数据对象执行 CRUD 操作。使用最基本的示例，这里将是一个示例或每个操作：

#include <stdio.h>
typedef struct Person {
    int age;
    char* name;
} Person;

int main(void) {

    // init
    Person* sharedPersons[100];
    int idx=0;

    // create
    sharedPersons[idx] = (Person*) {12, "Tom"};

    // read
    printf("{name: %s, age: %d}", sharedPersons[idx]->name, sharedPersons[idx]->age);

    // update
    sharedPersons[idx]->age = 11;

    // delete
    sharedPersons[idx] = NULL;

}

然后，我希望能够在 Javascript 中做完全相同的事情，并且都能够写入同一个共享sharedPersons对象。这怎么可能？或者设置是否需要类似于“主从”，其中一个只需要将信息传递给另一个，然后主执行所有相关操作？我希望有一种方法可以对 webassembly 中的共享数据对象进行 CRUD，任何帮助将不胜感激。

作为参考：https : //rustwasm.github.io/wasm-bindgen/contributing/design/js-objects-in-rust.html

我想使用这个很棒的包：https://github.com/hpcc-systems/hpcc-js-wasm 它将 Web assembly (graphizlib.wasm) 与要使用的 Javascript 函数捆绑在一起。我将其添加为 package.json 中的依赖项。

  "dependencies": {
    "@hpcc-js/wasm": "^1.13.0"
  },

当我现在运行 Vite 开发服务器时，很容易找到 Javascript 代码。但 wasm 不可用。特别是，我收到此错误消息：

Failed to load resource: the server responded with a status of 404 (Not Found) http://localhost:3000/graphvizlib.wasm

我不确定如何使嵌入式 Web 程序集可用于我的网站。它位于依赖包中。请参阅 #1，在 node_modules (#2) 中，在 @hpcc-js/wasm/dist 文件夹中 (#3)

我也用 Vite 的构建配置尝试过 - 没有访问权限。

我正在编写一个小型C程序,旨在编译为ism w/emcc并在Web浏览器中运行.因为wasm导出的函数只能接受简单的数值作为参数输入和返回值,所以我需要在JavaScript API和编译的WebAssembly代码之间共享内存,以便访问更复杂的数据类型,如字符串或char数组.问题是我不能为我的生活弄清楚如何从我的C程序内部访问WebAssembly线性内存.

我的最终目标是能够在我的C程序中读取在JavaScript中初始化的字符串,然后在Web浏览器的JavaScript代码中读取在我的C程序中修改/初始化的字符串.

这是我正在尝试做的基本示例:

main.js

const importObject = {
  'env': {
    'memoryBase': 0,
    'tableBase': 0,
    'memory': new WebAssembly.Memory({initial: 256}),
    'table': new WebAssembly.Table({initial: 0, element: 'anyfunc'})
  }
}

// using the fetchAndInstantiate util function from
// https://github.com/mdn/webassembly-examples/blob/master/wasm-utils.js
fetchAndInstantiate('example.wasm', importObject).then(instance => {

      // call the compiled webassembly main function
      instance.exports._main()
      console.log(importObject.env.memory)
})

example.c

int main() {
    // somehow access importObject.env.memory 
    // so that I can write a string to it
    return 0;
}

这个问题让我成为了那里的一部分,但是,我仍然不明白如何从我的C代码中的WebAssembly内存缓冲区读/写.

我正在尝试正确设置JetBrains CLion 2019.1以从C源代码构建WebAssembly。我几乎尝试了所有方法，但是，没有任何效果。我没有得到任何WebAssembly构建。我得到的是：

-DCMAKE_TOOLCHAIN_FILE=${EMSCRIPTEN_ROOT}/cmake/Modules/Platform/Emscripten.cmake
-G"Unix Makefiles"
--debug-output

EMSDK=/wrk/dev/emsdk
EMSCRIPTEN=/wrk/dev/emsdk/emscripten/1.37.12
EMSDK_NODE=/wrk/dev/emsdk/node/4.1.1_64bit/bin/node
LLVM_ROOT=/wrk/dev/emsdk/clang/e1.37.12_64bit
BINARYEN_ROOT=/wrk/dev/emsdk/clang/e1.37.12_64bit/binaryen
EMSCRIPTEN_NATIVE_OPTIMIZER=/wrk/dev/emsdk/clang/e1.37.12_64bit/optimizer
EM_CONFIG=/home/webmaster/.emscripten
PATH=/wrk/dev/emsdk:/wrk/dev/emsdk/clang/e1.37.12_64bit:/wrk/dev/emsdk/node/4.1.1_64bit/bin:/wrk/dev/emsdk/emscripten/1.37.12:/bin:/usr/bin:/usr/lib/bin

#include <iostream>

int main()
{
  std::cout << …