Rust WebAssembly — Compiling Rust to WASM for Browser and Serverless

In this tutorial, you will learn about Rust WebAssembly. We cover key concepts, practical examples, and best practices to help you master this topic.

Rust WebAssembly compiles to .wasm binaries for browser execution with wasm-pack, WASM-bindgen for JS interop, and wasmtime for server-side WASM.

What You'll Learn

• Compiling to WASM
• JS interop
• wasm-pack tool
• Server-side WASM

Why It Matters

WASM enables near-native performance in browsers. DodaZIP uses WASM for client-side compression.

Real-World Use

Browser-based image/video processing, game engines, data visualization, Serverless Computings" >}} computing.

use wasm_bindgen::prelude::*;

#[wasm_bindgen]
pub fn fibonacci(n: u32) -> u32 {
    match n {
        0 => 0,
        1 => 1,
        _ => fibonacci(n - 1) + fibonacci(n - 2),
    }
}

#[wasm_bindgen]
pub fn greet(name: &str) -> String {
    format!("Hello, {}!", name)
}

#[wasm_bindgen]
pub fn process_data(data: &[u8]) -> Vec<u8> {
    data.iter().map(|b| b ^ 0xFF).collect()
}

wasm-pack build --target web
wasm-pack build --target nodejs

import init, { fibonacci, greet } from './pkg';

await init();
console.log(greet("World"));
console.log(fibonacci(10));