WebAssembly (WASM) for High Performance Apps · درس

إنشاء وحدات WASI وتشغيلها

ترجم شيفرة Rust لاستهداف WASI وشغّل وحدات WebAssembly في بيئات تشغيل WASI المتنوعة

إنشاء وحدات WASI وتشغيلها درس مجاني في WebAssembly (WASM) for High Performance Apps على CoddyKit. هذا هو الدرس 2 من أصل 4. يمكنك قراءة الدرس كاملاً أدناه مجاناً — ثم تمرن عليه مباشرة في المتصفح باستخدام محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7. هذا الدرس جزء من مسار التعلم في WebAssembly (WASM) for High Performance Apps، وتقدمك يتزامن عبر الويب وتطبيق CoddyKit. تتضمن دورة WebAssembly (WASM) for High Performance Apps 4 دروس في المجموع.

بعض أجزاء هذا الدرس لم تُترجم بعد وتظهر باللغة الإنجليزية.

Building WASI Modules

Welcome back! In the previous lesson, we learned what WASI is and its goals. Now, let's get practical.

This lesson focuses on the hands-on process of compiling Rust code to target WASI and then executing your WebAssembly modules in various WASI runtimes.

Rust for WASI Development

Rust is a prime language for WASI development due to its performance, safety features, and strong support for WebAssembly. To get started, you'll need:

Rust Toolchain: Install it via rustup if you haven't already.
WASI Target: Add the specific WASI compilation target.

rustup install stable
rustup target add wasm32-wasi

Setting Up a WASI Project

We'll use Cargo, Rust's official package manager and build system, to create a new project. This sets up the basic directory structure.

cargo new my-wasi-app
cd my-wasi-app

Our First WASI Program

Let's write a simple Rust program. For WASI, basic I/O operations like printing to the console are handled through the WASI API. Open src/main.rs and add this code:

fn main() {
    println!("Hello from WASI!");
}

WASI's Role in I/O

When you use println! in a standard Rust program, it interacts directly with the operating system. For WASI, things are a bit different.

The WASM module is sandboxed.
println! calls are routed through the WASI API.
WASI provides a standardized interface for basic system functions like console output, file access, and environment variables.

Compiling to WASI

Now, let's compile our Rust code into a WebAssembly module specifically for the WASI target. This command tells Cargo to use the wasm32-wasi target we added earlier.

cargo build --target wasm32-wasi

The WASM Module Output

After successful compilation, you'll find your WASI WebAssembly module. It's a standalone binary file, ready for execution!

Look in the target/wasm32-wasi/debug/ directory for a file named my-wasi-app.wasm. This is your compiled WASI module.

Running with Wasmtime

To execute a WASI module, you need a WASI runtime. Wasmtime is a popular, high-performance runtime designed for this purpose.

Install Wasmtime: Follow instructions on wasmtime.dev for your OS.
Run your module: Execute the .wasm file using the wasmtime command.

# Install Wasmtime (example for Linux/macOS):
curl https://wasmtime.dev/install.sh -sSf | bash

# Run your compiled module:
wasmtime target/wasm32-wasi/debug/my-wasi-app.wasm

WASI File System Access

WASI allows controlled access to the host's file system. Let's modify our Rust program to read from a file. Remember, you'll need to explicitly grant Wasmtime permission to access files.

use std::fs;
use std::io::{self, Read};

fn main() -> io::Result<()> {
    let path = "input.txt";
    let mut file = fs::File::open(path)?;
    let mut contents = String::new();
    file.read_to_string(&mut contents)?;
    println!("File content: {}", contents);
    Ok(())
}

Running with File Access

After updating src/main.rs, compile again. Then, you'll need to create an input.txt file in your project root with some content. Finally, run it with Wasmtime, granting directory access:

# Create input.txt with content (e.g., "Hello WASI File!")
# Compile again:
cargo build --target wasm32-wasi

# Run, mapping current dir to WASI root:
wasmtime --mapdir /::. target/wasm32-wasi/debug/my-wasi-app.wasm

Quick Check

Let's test your understanding of building and running WASI modules.

Recap: Building & Running WASI

In this lesson, we explored the practical steps of building and running WebAssembly modules with WASI.

We set up our Rust environment for the wasm32-wasi target.
We wrote Rust code that leverages WASI for system interactions.
We compiled our code into a portable .wasm module.
We learned how to execute these modules using a WASI runtime like Wasmtime, including granting necessary permissions for host resource access.

Next, we'll delve deeper into WASI's capabilities and its implications for secure and portable applications.

الأسئلة الشائعة

هل درس «إنشاء وحدات WASI وتشغيلها» مجاني؟

نعم — نص درس «إنشاء وحدات WASI وتشغيلها» كامل متاح مجاناً هنا على الويب. لتمرينه بشكل تفاعلي (محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7) وفتح باقي دورة WebAssembly (WASM) for High Performance Apps، انتقل إلى CoddyKit PRO. تتضمن دورة WebAssembly (WASM) for High Performance Apps 4 دروس في المجموع.

ماذا ستتعلم في «إنشاء وحدات WASI وتشغيلها»؟

ترجم شيفرة Rust لاستهداف WASI وشغّل وحدات WebAssembly في بيئات تشغيل WASI المتنوعة تتمرن على WebAssembly (WASM) for High Performance Apps مع أكواد عملية تشغلها مباشرة في المتصفح، ومدرس ذكاء اصطناعي متاح 24/7 يجيب على أسئلتك أثناء عملك.

هل أحتاج إلى خبرة سابقة لأبدأ WebAssembly (WASM) for High Performance Apps؟

لا تُشترط خبرة سابقة. WebAssembly (WASM) for High Performance Apps على CoddyKit منظم للمبتدئين حتى المتقدمين، لذا يمكنك البدء من هنا أو من البداية والتقدم بسرعتك الخاصة. هذا هو الدرس 2 من أصل 4.

كم من الوقت يستغرق درس «إنشاء وحدات WASI وتشغيلها»؟

معظم دروس CoddyKit تستغرق حوالي 5–10 دقائق. كل منها موجز وتفاعلي، لذا تحرز تقدماً مستمراً وتستأنف من حيث توقفت عبر الويب والتطبيق.

هل يمكنني كتابة وتشغيل أكواد في درس WebAssembly (WASM) for High Performance Apps هذا؟

نعم. كل درس في WebAssembly (WASM) for High Performance Apps يتضمن محرر أكواد مدمج، لذا تكتب وتشغل أكواداً حقيقية مباشرة في متصفحك وتحصل على تعليقات فورية من الذكاء الاصطناعي — بدون إعداد محلي.

جميع الدروس في هذه الدورة

← العودة إلى WebAssembly (WASM) for High Performance Apps