Opsætning af Rust til WebAssembly
Konfigurér dit Rust-udviklingsmiljø til WebAssembly-targets, og initialisér et nyt WASM-projekt.
Opsætning af Rust til WebAssembly er en gratis WebAssembly (WASM) til applikationer med høj ydeevne-lektion på CoddyKit. Dette er lektion 1 af 4. Du kan læse hele lektionen gratis nedenfor — og derefter øve dig praktisk i browseren med en indbygget kodeeditor og en AI-vejleder, der er tilgængelig døgnet rundt. Den er en del af læringsforløbet i WebAssembly (WASM) til applikationer med høj ydeevne, og dine fremskridt synkroniseres på tværs af nettet og CoddyKit-appen. WebAssembly (WASM) til applikationer med høj ydeevne-kurset indeholder 4 lektioner i alt.
Opsætning af Rust og WebAssembly
Velkommen! Rust er et fremragende sprog til at bygge WebAssembly-moduler (WASM) med høj ydeevne.
Fokusset på hastighed, hukommelsessikkerhed og kontrol gør Rust ideelt til webapplikationer, der har brug for ydeevne tæt på native.
I denne lektion konfigurerer du dit miljø og opretter dit første Rust-WASM-projekt.
Kontrollér Rust og Cargo
Før vi går i gang med WASM, skal du sikre dig, at Rust-værktøjskæden er installeret. Den omfatter Rustc (kompilatoren) og Cargo (pakkehåndteringen).
- Du kan kontrollere det ved at skrive
rustc --versionogcargo --versioni din terminal. - Hvis det ikke er installeret, kan du besøge rustup.rs for at hente rustup, den officielle Rust-installationspakke.
Første Rust-program
Lad os bekræfte, at din Rust-opsætning fungerer. Opret en fil med navnet main.rs, og tilføj denne kode. Kør den derefter med cargo run.
fn main() {
println!("Hello from Rust!");
}Installér WASM-målet
WebAssembly er ikke et standardmål for Rust. Du skal føje det eksplicit til din værktøjskæde.
Målet wasm32-unknown-unknown er et generisk WASM-mål, der ikke antager et bestemt værtsmiljø (som en browser eller Node.js).
Kør denne kommando i din terminal:
rustup target add wasm32-unknown-unknownMød wasm-pack
Det kan kræve flere trin at bygge Rust-kode til WebAssembly. Det er her, wasm-pack kommer ind i billedet!
wasm-pack er et effektivt kommandolinjeværktøj, der strømliner hele arbejdsgangen: kompilering af din Rust-kode, generering af JavaScript-bindinger og pakning til brug på web.
Installér værktøjet wasm-pack
Da wasm-pack er en Rust-applikation, kan du installere det med Cargo, Rusts pakkehåndtering.
Kør denne kommando i din terminal:
cargo install wasm-packDet kan tage et øjeblik, fordi værktøjet skal kompileres.
Initialisér WASM-projektet
Lad os nu oprette et nyt Rust-projekt specifikt til WebAssembly. wasm-pack kan oprette grundstrukturen for dig.
Gå til den ønskede projektmappe, og kør:
wasm-pack new my-first-wasm-appDenne kommando opretter en ny mappe, my-first-wasm-app, med en grundlæggende Rust-biblioteksstruktur, der er klar til WASM.
Udforsk projektfilerne
I din nye mappe my-first-wasm-app finder du:
Cargo.toml: Rusts manifestfil, der definerer projektets afhængigheder og metadata.src/lib.rs: Her placeres din Rust-kode til WASM-modulet. I modsætning til traditionelle Rust-applikationer er WASM-moduler normalt biblioteker..gitignore: En standardfil til ignorering i Git.
Enkel WASM-funktion
Åbn src/lib.rs. Du vil se noget standardkode. Lad os tilføje en enkel funktion, der kan kaldes fra JavaScript:
Attributten #[wasm_bindgen] fortæller wasm-bindgen (som wasm-pack bruger), at der skal genereres JavaScript-forbindelseskode til denne funktion.
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ér til WASM
Nu hvor din Rust-WASM-kode er klar, er det tid til at kompilere den til et WebAssembly-modul og dets JavaScript-bindinger.
Gå ind i projektmappen (my-first-wasm-app), og kør:
wasm-pack buildDenne kommando kompilerer din Rust-kode, genererer de nødvendige .wasm- og .js-filer og placerer dem i en ny pkg-mappe.
Quiz om WASM-opsætning
Du har lært om de vigtigste værktøjer til Rust-udvikling med WebAssembly. Hvilke af følgende kommandoer er afgørende for at opsætte et Rust-miljø til WASM og oprette et nyt projekt?
Opsummering: Rust-WASM-opsætning
Godt klaret! Du har opsat dit Rust-miljø til udvikling med WebAssembly.
Vi gennemgik:
- Kontrol af din Rust-værktøjskæde.
- Tilføjelse af målet
wasm32-unknown-unknown. - Installation og brug af
wasm-packtil at initialisere og bygge dit første WASM-projekt. - Forståelse af den grundlæggende projektstruktur og en enkel
#[wasm_bindgen]-funktion.
Dernæst lærer du, hvordan du indlæser og kører dit kompilerede WASM-modul i en webbrowser ved hjælp af JavaScript!
Lær WebAssembly (WASM) til applikationer med høj ydeevne med en AI-underviser — gratis
Skriv og kør rigtig kode i din browser, få øjeblikkelig hjælp fra en AI-underviser døgnet rundt, og fortsæt, hvor du slap, på web eller i appen.
- Kurser
- 12
- Lektioner
- 48
Ofte stillede spørgsmål
Er lektionen “Opsætning af Rust til WebAssembly” gratis?
Ja — hele teksten til “Opsætning af Rust til WebAssembly” kan læses gratis her på nettet. Hvis du vil øve dig interaktivt med en indbygget kodeeditor og en AI-vejleder døgnet rundt og få adgang til resten af WebAssembly (WASM) til applikationer med høj ydeevne-kurset, skal du opgradere til CoddyKit PRO. WebAssembly (WASM) til applikationer med høj ydeevne-kurset indeholder 4 lektioner i alt.
Hvad lærer jeg i “Opsætning af Rust til WebAssembly”?
Konfigurér dit Rust-udviklingsmiljø til WebAssembly-targets, og initialisér et nyt WASM-projekt. Du øver dig i WebAssembly (WASM) til applikationer med høj ydeevne med praktisk kode, som du kører direkte i browseren, og en AI-vejleder døgnet rundt besvarer dine spørgsmål, mens du arbejder dig gennem lektionen.
Skal jeg have erfaring for at begynde på WebAssembly (WASM) til applikationer med høj ydeevne?
Der kræves ingen tidligere erfaring. WebAssembly (WASM) til applikationer med høj ydeevne på CoddyKit er tilrettelagt for både begyndere og øvede, så du kan starte her eller fra begyndelsen og lære i dit eget tempo. Dette er lektion 1 af 4.
Hvor lang tid tager lektionen “Opsætning af Rust til WebAssembly”?
De fleste CoddyKit-lektioner tager cirka 5–10 minutter. Hver lektion er kort og interaktiv, så du gør løbende fremskridt og kan fortsætte, hvor du slap – på både web og app.
Kan jeg skrive og køre kode i denne WebAssembly (WASM) til applikationer med høj ydeevne-lektion?
Ja. Alle WebAssembly (WASM) til applikationer med høj ydeevne-lektioner har en indbygget kodeeditor, så du kan skrive og køre rigtig kode direkte i din browser og få øjeblikkelig feedback fra AI – uden lokal opsætning.
Alle lektioner i dette kursus
- Opsætning af Rust til WebAssembly
- Skrivning af Rust-funktioner til WASM
- Effektiv JS-interoperabilitet med `wasm-bindgen`
- Fejlhåndtering på tværs af WASM-grænsen