Rust 编写 WebAssembly (WASM) 指南

Rust 编写的 WebAssembly (WASM) 是现代 Web 开发中一个热门的话题。以下是一些关于如何使用 Rust 编写 WASM 的关键步骤和资源。

安装 Rust 和 WASM 工具链

首先，您需要安装 Rust 和相关的 WASM 工具链。您可以从 Rust官网 下载并安装 Rust。

curl --proto '=https' --tlsv1.2 -sSf https://sh.rustup.rs | sh

安装完成后，确保您已经安装了 wasm-pack：

cargo install wasm-pack

创建新的 WASM 项目

使用 cargo 创建一个新的 Rust 项目：

cargo new hello_wasm
cd hello_wasm

编写 Rust 代码

在 src/lib.rs 文件中编写您的 Rust 代码。以下是一个简单的示例：

fn main() {
    println!("Hello, world!");
}

构建和打包 WASM

使用 wasm-pack 打包您的 Rust 代码：

wasm-pack build --target web

这将在项目的 target/wasm32-unknown-unknown 目录下生成一个 .wasm 文件。

在 Web 项目中使用 WASM

将 .wasm 文件放入您的 Web 项目中，并在 HTML 中引入它：

<script src="path/to/hello_wasm.js"></script>

在 JavaScript 中，您可以像调用任何其他 WebAssembly 模块一样调用它：

const wasm = await import('./hello_wasm.js');
wasm.default();

资源和扩展阅读

• Rust官方文档 - WebAssembly
• wasm-bindgen - Rust 与 WebAssembly 之间的桥梁

希望这个指南对您有所帮助！🚀