要在 Rust 中集成 WebAssembly (WASM),你需要遵循以下步驟:
確保你已經安裝了 Rust。如果沒有,請訪問 Rust 官方網站 并按照說明進行安裝。接下來,安裝 WebAssembly 工具鏈,它包括 wasm32-unknown-unknown 目標。在命令行中運行以下命令:
rustup target add wasm32-unknown-unknown
使用 cargo 創建一個新的 Rust 項目:
cargo new my_wasm_project
cd my_wasm_project
Cargo.toml 中添加 WebAssembly 依賴項在項目的 Cargo.toml 文件中,添加 wasm-bindgen 和 wasm-pack 作為依賴項。wasm-bindgen 用于在 Rust 和 JavaScript 之間進行交互,而 wasm-pack 是一個用于構建和發布 WebAssembly 包的工具。
[dependencies]
wasm-bindgen = "0.2"
wasm-pack = "0.3"
在 src/lib.rs 文件中,編寫你的 Rust 代碼。例如,創建一個簡單的函數,該函數將兩個數字相加:
use wasm_bindgen::prelude::*;
#[wasm_bindgen]
pub fn add(a: i32, b: i32) -> i32 {
a + b
}
在命令行中運行以下命令,以構建 WebAssembly 模塊:
wasm-pack build --target web
這將在 pkg/ 目錄下生成 WebAssembly 二進制文件和相關的 JavaScript 綁定。
創建一個名為 index.html 的文件,并在其中添加以下內容:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My WebAssembly Project</title>
</head>
<body>
<script type="module">
import init, { add } from './pkg/my_wasm_project.js';
async function run() {
await init();
const result = add(1, 2);
console.log(`1 + 2 = ${result}`);
}
run();
</script>
</body>
</html>
注意 import 語句中的文件路徑,它應該與 wasm-pack build 生成的 pkg/ 目錄結構相匹配。
要運行此示例,你需要一個 Web 服務器。你可以使用 Python 內置的 HTTP 服務器:
python -m http.server
然后在瀏覽器中打開 http://localhost:8000,你應該看到控制臺中輸出 1 + 2 = 3。
這就是在 Rust 中集成 WebAssembly 的基本方法。你可以根據需要編寫更復雜的 Rust 代碼,并使用 wasm-bindgen 和 wasm-pack 構建和部署 WebAssembly 模塊。