将 JavaScript 嵌入到 Rust 中|用 WasmEdge 运行 JavaScript

WasmEdge 将 Rust 强大的性能和 JavaScript 的简单易用完美结合在一起。

在之前的文章中,我们讨论了如何在 WebAssembly 沙箱中运行 JavaScript 程序。WasmEdge runtime 为云原生 JavaScript 应用程序提供了一个轻量级、高性能且符合 OCI 标准的“容器”。

然而,JavaScript 是一种“慢”语言。使用 JavaScript 的原因主要是因为它用起来很容易,开发者生产力高,对初学者来说尤其如此。另一方面,WebAssembly 能够运行用 Rust 等语言编写的高性能应用程序。有没有结合 JavaScript 和 Rust 的解决方案?WasmEdge 给出了两全其美的答案。

有了WasmEdge 和 QuickJS[1],开发者就可以完美搭配这两个最强大的语言来创造应用程序。就像下面这样:

该应用程序本身是用 Rust 写的并被编译成了 WebAssembly。它可以作为单个 wasm 字节码文件进行编译和部署。它可以由符合 OCI 的容器工具管理,如 Docker Hub、CRI-O 和 k8s。

JavaScript 程序嵌入在 Rust 应用程序中。Rust 程序可以在编译时包含JavaScript 源代码,也可以在 runtime 通过文件、STDIN、网络请求甚至函数调用引入JS。这样一来 JavaScript 程序可以由与Rust 程序不同的开发者编写。

Rust 程序可以处理应用程序中的计算密集型任务,而 JavaScript 程序可以处理“业务逻辑”。例如,Rust 程序可以为 JavaScript 程序准备数据。

接下来,让我们看几个示例。所有示例都在wasmedge-quickjs[2]repo 的 分支中。

确保你已经安装Rust[3]和WasmEdge[4],这样才能构建和运行本文中的示例。

Hello WasmEdge

main.rs[5]中的以下 Rust 程序在编译时嵌入了一个 JavaScript 程序。

example_js/demo.js[6]代码如下。

你可以将 Rust + JavaScript 应用程序构建到单个 WebAssembly 字节码程序中。

运行它,就看到打印到控制台的结果了。

就是这样。Rust 代码可以通过传递参数甚至直接修改包含的 JavaScript 源代码,将数据传递到 JavaScript 代码中。JavaScript 代码还可以通过写入临时文件来返回值。

使用嵌入式 JavaScript 进行图片识别

你可以修改main.rs[7]中的 Rust 程序以嵌入不同的 JavaScript 程序。在下面的示例中,让我们更改为

main.js[8]代码使用 WasmEdge Tensorflow 扩展的 JavaScript API 来调用 ImageNet 读取和识别图像模型。

你可以将 Rust + JavaScript 应用程序构建到单个 WebAssembly 字节码程序中。注意 标志,它要求 Rust 编译器使用 WasmEdge TensorFlow 扩展 API。

运行并查看打印到控制台的结果。

让运行变得更快

运行上面的 Tensorflow 推理示例需要花费 1-2 秒。这在 Web 应用场景中是可以接受的,但还能改进。在上篇文章中,我们提过由于其 AOT(提前编译器)优化,WasmEdge 是当前速度最快的 WebAssembly runtime。WasmEdge 提供了一个 实用程序来将 文件编译为原生的 共享库。你可以使用 来运行 文件而不是 文件以获得更快的性能。

下面的例子使用了 和 的扩展版本来支持 WasmEdge Tensorflow 扩展。

你可以看到图像分类任务可以在 0.1 秒内完成。这至少是 10 倍的改进!

共享库不能跨机器和操作系统移植。你必须在你部署和运行应用程序的机器上运行 和 。

下一步

在 Rust 中嵌入 JavaScript 是一种创建高性能云原生应用程序的强大方法。下一篇文章中,我们将研究另一种技术方法:在 JavaScript 中嵌入原生库。

云原生 WebAssembly 中的 JavaScript 是下一代云和边缘计算基础设施中的新兴领域。我们也是刚刚起步!如果你也感兴趣,请加入我们的WasmEdge[9]项目或通过提出 feature request issue 告诉我们,你需要的是什么。

参考资料[1]

WasmEdge 和 QuickJS:https://github.com/second-state/wasmedge-quickjs/

[2]

wasmedge-quickjs:https://github.com/second-state/wasmedge-quickjs/tree/embed_in_rust

[3]

Rust:https://www.rust-lang.org/tools/install

[4]

WasmEdge:https://github.com/WasmEdge/WasmEdge/blob/master/docs/install.md

[5]

main.rs:https://github.com/second-state/wasmedge-quickjs/blob/embed_in_rust/src/main.rs

[6]

example_js/demo.js:https://github.com/second-state/wasmedge-quickjs/blob/embed_in_rust/example_js/demo.js

[7]

main.rs:https://github.com/second-state/wasmedge-quickjs/blob/embed_in_rust/src/main.rs

[8]

main.js:https://github.com/second-state/wasmedge-quickjs/blob/embed_in_rust/example_js/tensorflow_lite_demo/main.js

[9]

WasmEdge:https://github.com/WasmEdge/WasmEdge

相关文章