WebAssembly (WASM) untuk Aplikasi Berprestasi Tinggi · Pelajaran

Menyediakan Rust untuk WebAssembly

Konfigurasikan persekitaran pembangunan Rust anda untuk sasaran WebAssembly dan mulakan projek WASM baharu.

Pelajaran 1 daripada 412 langkah

Menyediakan Rust untuk WebAssembly ialah pelajaran WebAssembly (WASM) untuk Aplikasi Berprestasi Tinggi percuma di CoddyKit. Ini ialah pelajaran 1 daripada 4. Anda boleh membaca keseluruhan pelajaran di bawah secara percuma — kemudian berlatih secara praktikal dalam pelayar menggunakan penyunting kod terbina dalam dan tutor kecerdasan buatan 24/7. Pelajaran ini merupakan sebahagian daripada laluan pembelajaran WebAssembly (WASM) untuk Aplikasi Berprestasi Tinggi, dan kemajuan anda disegerakkan merentas web serta aplikasi CoddyKit. Kursus WebAssembly (WASM) untuk Aplikasi Berprestasi Tinggi merangkumi sejumlah 4 pelajaran.

Persediaan Rust & WebAssembly

Selamat datang! Rust ialah bahasa yang hebat untuk membina modul WebAssembly (WASM) berprestasi tinggi.

Fokusnya terhadap kelajuan, keselamatan memori dan kawalan menjadikannya sesuai untuk aplikasi web yang memerlukan prestasi seperti asli.

Dalam pelajaran ini, kita akan mengkonfigurasi persekitaran anda dan mencipta projek Rust-WASM pertama anda.

Sahkan Rust & Cargo

Sebelum mendalami WASM, pastikan rantaian alat Rust telah dipasang. Ini termasuk Rustc (pengkompil) dan Cargo (pengurus pakej).

Anda boleh menyemaknya dengan menaip rustc --version dan cargo --version dalam terminal anda.
Jika belum dipasang, lawati rustup.rs untuk mendapatkan rustup, pemasang rasmi Rust.

Program Rust Pertama

Mari pastikan persediaan Rust anda berfungsi. Cipta fail bernama main.rs dan tambahkan kod ini. Kemudian jalankannya menggunakan cargo run.

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

Pasang Sasaran WASM

WebAssembly bukan sasaran lalai untuk Rust. Anda perlu menambahkannya secara khusus kepada rantaian alat anda.

Sasaran wasm32-unknown-unknown ialah sasaran WASM umum yang tidak mengandaikan sebarang persekitaran hos tertentu (seperti pelayar atau Node.js).

Jalankan perintah ini dalam terminal anda:

rustup target add wasm32-unknown-unknown

Kenali wasm-pack

Membina kod Rust untuk WebAssembly boleh melibatkan beberapa langkah. Di sinilah wasm-pack membantu!

wasm-pack ialah alat baris perintah berkuasa yang memudahkan keseluruhan aliran kerja: mengkompil kod Rust anda, menjana pengikatan JavaScript dan membungkusnya untuk kegunaan web.

Pasang Alat wasm-pack

Memandangkan wasm-pack ialah aplikasi Rust, anda boleh memasangnya menggunakan Cargo, pengurus pakej Rust.

Jalankan perintah ini dalam terminal anda:

cargo install wasm-pack

Proses ini mungkin mengambil sedikit masa kerana alat tersebut perlu dikompil.

Mulakan Projek WASM

Sekarang mari cipta projek Rust baharu khusus untuk WebAssembly. wasm-pack boleh menyediakan rangka asas untuk anda.

Navigasi ke direktori projek yang dikehendaki dan jalankan:

wasm-pack new my-first-wasm-app

Perintah ini mencipta direktori baharu, my-first-wasm-app, dengan struktur pustaka Rust asas yang sedia digunakan untuk WASM.

Terokai Fail Projek

Dalam direktori my-first-wasm-app baharu anda, anda akan menemukan:

Cargo.toml: Fail manifes Rust yang mentakrifkan kebergantungan dan metadata projek.
src/lib.rs: Di sinilah kod Rust anda untuk modul WASM akan ditempatkan. Tidak seperti aplikasi Rust tradisional, modul WASM biasanya ialah pustaka.
.gitignore: Fail abaikan Git standard.

Fungsi WASM Ringkas

Buka src/lib.rs. Anda akan melihat beberapa kod rangka. Mari tambahkan fungsi ringkas yang boleh dipanggil daripada JavaScript:

Atribut #[wasm_bindgen] memberitahu wasm-bindgen (yang digunakan oleh wasm-pack) supaya menjana kod penghubung JavaScript untuk fungsi ini.

use wasm_bindgen::prelude::*;

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

// You might also find a #[wasm_bindgen]
// macro for a `start` function or other
// initial setup in a new project.

Kompil kepada WASM

Setelah kod Rust WASM anda sedia, tibalah masanya untuk mengkompilnya menjadi modul WebAssembly berserta pengikatan JavaScriptnya.

Navigasi ke direktori projek anda (my-first-wasm-app) dan jalankan:

wasm-pack build

Perintah ini mengkompil kod Rust anda, menjana fail .wasm dan .js yang diperlukan, lalu meletakkannya dalam direktori pkg baharu.

Kuiz Persediaan WASM

Anda telah mempelajari alat penting untuk pembangunan Rust WebAssembly. Antara perintah berikut, yang manakah penting untuk menyediakan persekitaran Rust bagi WASM dan mencipta projek baharu?

Jawab dalam pelajaran interaktif

Imbas Kembali: Persediaan Rust WASM

Syabas! Anda telah berjaya menyediakan persekitaran Rust untuk pembangunan WebAssembly.

Perkara yang telah kita pelajari:

Mengesahkan rantaian alat Rust anda.
Menambah sasaran wasm32-unknown-unknown.
Memasang dan menggunakan wasm-pack untuk memulakan serta membina projek WASM pertama anda.
Memahami struktur asas projek dan fungsi #[wasm_bindgen] yang ringkas.

Seterusnya, anda akan belajar cara memuatkan dan menjalankan modul WASM yang telah dikompil dalam pelayar web menggunakan JavaScript!

Percuma untuk bermula

Pelajari WebAssembly (WASM) untuk Aplikasi Berprestasi Tinggi dengan tutor kecerdasan buatan — percuma

Tulis dan jalankan kod sebenar dalam pelayar anda, dapatkan bantuan segera daripada tutor kecerdasan buatan yang tersedia 24/7, dan sambung semula dari tempat anda berhenti di web atau dalam aplikasi.

Kursus: 12
Pelajaran: 48

Mula belajar secara percuma Lihat kursus penuh

Soalan Lazim

Adakah pelajaran “Menyediakan Rust untuk WebAssembly” percuma?

Ya — teks penuh “Menyediakan Rust untuk WebAssembly” boleh dibaca secara percuma di web ini. Untuk berlatih secara interaktif menggunakan penyunting kod terbina dalam dan tutor kecerdasan buatan 24/7, serta membuka kunci baki kursus WebAssembly (WASM) untuk Aplikasi Berprestasi Tinggi, tingkat taraf kepada CoddyKit PRO. Kursus WebAssembly (WASM) untuk Aplikasi Berprestasi Tinggi merangkumi sejumlah 4 pelajaran.

Apakah yang akan saya pelajari dalam “Menyediakan Rust untuk WebAssembly”?

Konfigurasikan persekitaran pembangunan Rust anda untuk sasaran WebAssembly dan mulakan projek WASM baharu. Anda berlatih WebAssembly (WASM) untuk Aplikasi Berprestasi Tinggi menggunakan kod praktikal yang dijalankan terus dalam pelayar, manakala tutor kecerdasan buatan 24/7 menjawab soalan anda semasa anda mengikuti pelajaran.

Adakah saya memerlukan pengalaman untuk memulakan WebAssembly (WASM) untuk Aplikasi Berprestasi Tinggi?

Tiada pengalaman terdahulu diperlukan. Pembelajaran WebAssembly (WASM) untuk Aplikasi Berprestasi Tinggi di CoddyKit disusun untuk pelajar daripada peringkat pemula hingga lanjutan, jadi anda boleh bermula di sini atau dari awal dan belajar mengikut kadar anda sendiri. Ini ialah pelajaran 1 daripada 4.

Berapa lamakah pelajaran “Menyediakan Rust untuk WebAssembly” diambil?

Kebanyakan pelajaran CoddyKit mengambil masa kira-kira 5–10 minit. Setiap pelajaran ringkas dan interaktif, jadi anda boleh membuat kemajuan secara berterusan dan menyambung tepat dari tempat anda berhenti di web atau aplikasi.

Bolehkah saya menulis dan menjalankan kod dalam pelajaran WebAssembly (WASM) untuk Aplikasi Berprestasi Tinggi ini?

Ya. Setiap pelajaran WebAssembly (WASM) untuk Aplikasi Berprestasi Tinggi menyertakan penyunting kod terbina dalam, jadi anda boleh menulis dan menjalankan kod sebenar terus dalam pelayar serta menerima maklum balas kecerdasan buatan serta-merta — tanpa memerlukan persediaan setempat.

Semua pelajaran dalam kursus ini

Menyediakan Rust untuk WebAssembly
Menulis Fungsi Rust untuk WASM
Interoperabiliti JS yang Cekap dengan `wasm-bindgen`
Pengendalian Ralat Merentas Sempadan WASM

← Kembali ke WebAssembly (WASM) untuk Aplikasi Berprestasi Tinggi