في هذا البرنامج التعليمي ، سوف نتعلم كيفية تشغيل تطبيقات الصدأ في متصفح الويب. سنقوم بإنشاء حزمة صدأ بسيطة ، وتجميعها إلى Webassembly (WASM) ، ودمجها في صفحة HTML.

1. تثبيت Rust

أولاً ، تحتاج إلى تثبيت الصدأ. يرجى الرجوع إلى دليل التثبيت الرسمي لـ Rust:

دليل تثبيت الصدأ . بعد اكتمال التثبيت ، قم بتشغيل الأمر التالي للتحقق مما إذا كان التثبيت ناجحًا:

rustc -version

rustc --version

2. قم بإنشاء حزمة صدأ

التالي ، قم بإنشاء حزمة صدأ جديدة:

Cargo New Rust-101-Lib

cargo new rust-101 --lib

——- cargo.toml └ SRC R R B B

├── Cargo.toml
└── src
    └── lib.rs

: ملفات المكتبة الرئيسية التي تحتوي على رمز الصدأ.

• lib.rs ملف. بشكل افتراضي ، يحتوي على مثال إضافة . هدفنا هو استدعاء هذه الوظيفة من تطبيق الويب.
• 3. تجميع الصدأ إلى webassembly
لتشغيل رمز الصدأ على الويب ، تحتاج إلى تجميعه إلى Webassembly (WASM). لهذا السبب ، قم بتثبيت

wasm-pack

الأدوات: تثبيت البضائع wasm-pack

من أجل توصيل Rust و JavaScript ، سوف نستخدم wasm-bindgen

crate. تحديث

cargo.toml هي كما يلي:

[طَرد] name = "Rust-101" الإصدار = "0.1.0" الطبعة = "2021" [ليب] نوع الصناديق = ["cdylib"] [تبعيات] wasm-bindgen = "0.2"

cargo install wasm-pack

crate-type = ["cdylib"] : تكوين الحزمة لإنشاء مكتبة ديناميكية متوافقة مع webassembly.

wasm-bindgen : تمكين التواصل بين الصدأ وجافا سكريبت. التبعيات التثبيت:

[package]
name = "rust-101"
version = "0.1.0"
edition = "2021"

[lib]
crate-type = ["cdylib"]

[dependencies]
wasm-bindgen = "0.2"

5. قم بتحديث رمز rast

src/lib.rs
• ملف ، بحيث يمكن زيارة الدالة إضافة من JavaScript:
• استخدام wasmm_bindgen :: prelude ::*؛ #[wasm_bindgen] Pub FN Add (يسار: U64 ، يمين: U64) -> U64 { اليسار يمين }
#[wasm_bindgen]

: كشف

إضافة

وظيفة إلى JavaScript.

cargo build

wasm-pack build-target web

] هذا الأمر سوف:

ترجم رمز الصدأ إلى webassembly. ينشئ javaScript الربط للتعامل مع ملف webassembly.

use wasm_bindgen::prelude::*;

#[wasm_bindgen]
pub fn add(left: u64, right: u64) -> u64 {
    left   right
}

• 6. استخدم الحقائب في صفحة الويب قم بإنشاء ملف index.html
في دليل جذر المشروع.