PricingLoginStart free
WebAssembly (WASM) suorituskykyisiin sovelluksiin · Oppitunti

Rustin määrittäminen WebAssemblylle

Määritä Rust-kehitysympäristösi WebAssembly-kohteita varten ja alusta uusi WASM-projekti

Oppitunti 1/412 vaihetta

Rustin määrittäminen WebAssemblylle on ilmainen WebAssembly (WASM) suorituskykyisiin sovelluksiin-oppitunti CoddyKitissä. Tämä on oppitunti 1/4. Voit lukea koko oppitunnin alta ilmaiseksi ja harjoitella sen jälkeen käytännössä selaimessa sisäänrakennetulla koodieditorilla ja ympäri vuorokauden käytettävissä olevan tekoälytuutorin avulla. Oppitunti kuuluu WebAssembly (WASM) suorituskykyisiin sovelluksiin-oppimispolkuun, ja edistymisesi synkronoituu verkon ja CoddyKit-sovelluksen välillä. WebAssembly (WASM) suorituskykyisiin sovelluksiin-kurssilla on yhteensä 4 oppituntia.

Rustin ja WebAssemblyn asetusten määrittäminen

Tervetuloa! Rust on erinomainen kieli suorituskykyisten WebAssembly (WASM) -moduulien rakentamiseen.

Sen nopeuteen, muistiturvallisuuteen ja hallittavuuteen keskittyvät ominaisuudet tekevät siitä ihanteellisen verkkosovelluksiin, jotka tarvitsevat natiivisovellusten kaltaista suorituskykyä.

Tässä oppitunnissa määrität ympäristösi ja luot ensimmäisen Rust-WASM-projektisi.

Rustin ja Cargon tarkistaminen

Ennen kuin perehdymme WASM:iin, varmista, että Rust-työkaluketju on asennettu. Siihen kuuluvat Rustc (kääntäjä) ja Cargo (paketinhallinta).

  • Voit tarkistaa asennuksen kirjoittamalla päätteessä komennot rustc --version ja cargo --version.
  • Jos niitä ei ole asennettu, lataa rustup, Rustin virallinen asennusohjelma, osoitteesta rustup.rs.

Ensimmäinen Rust-ohjelma

Varmistetaan, että Rust-asetuksesi toimivat. Luo tiedosto nimeltä main.rs ja lisää siihen tämä koodi. Suorita se sitten komennolla cargo run.

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

WASM-kohteen asentaminen

WebAssembly ei ole Rustin oletuskohde. Sinun on lisättävä se työkaluketjuusi erikseen.

wasm32-unknown-unknown-kohde on yleiskäyttöinen WASM-kohde, joka ei oleta mitään tiettyä isäntäympäristöä, kuten selainta tai Node.js:ää.

Suorita tämä komento päätteessä:

rustup target add wasm32-unknown-unknown

Tutustu wasm-packiin

Rust-koodin kääntäminen WebAssemblyksi voi sisältää useita vaiheita. Tässä wasm-pack tulee avuksi!

wasm-pack on tehokas komentorivityökalu, joka sujuvoittaa koko työnkulkua: Rust-koodin kääntämistä, JavaScript-sidosten luomista ja koodin pakkaamista verkkokäyttöä varten.

wasm-pack-työkalun asentaminen

Koska wasm-pack on Rust-sovellus, voit asentaa sen Cargolla, Rustin paketinhallinnalla.

Suorita tämä komento päätteessä:

cargo install wasm-pack

Tämä voi kestää hetken, koska työkalu käännetään asennuksen aikana.

WASM-projektin alustaminen

Luodaan nyt uusi Rust-projekti erityisesti WebAssemblya varten. wasm-pack voi luoda projektin rungon puolestasi.

Siirry haluamaasi projektihakemistoon ja suorita:

wasm-pack new my-first-wasm-app

Tämä komento luo uuden hakemiston my-first-wasm-app sekä WASM:ia varten valmiin Rust-kirjaston perusrakenteen.

Projektitiedostojen tutkiminen

Uuden my-first-wasm-app-hakemistosi sisältä löydät seuraavat tiedostot:

  • Cargo.toml: Rustin manifestitiedosto, joka määrittelee projektin riippuvuudet ja metatiedot.
  • src/lib.rs: Tähän tulee WASM-moduulin Rust-koodi. Toisin kuin perinteiset Rust-sovellukset, WASM-moduulit ovat yleensä kirjastoja.
  • .gitignore: Gitin vakiomuotoinen ohitustiedosto.

Yksinkertainen WASM-funktio

Avaa src/lib.rs. Näet siellä valmista peruskoodia. Lisätään yksinkertainen funktio, jota voidaan kutsua JavaScriptista:

#[wasm_bindgen]-määre kertoo wasm-bindgen-työkalulle ( jota wasm-pack käyttää), että tälle funktiolle on luotava JavaScript-liimakoodi.

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.

Kääntäminen WASM:ksi

Kun Rust-WASM-koodisi on valmis, on aika kääntää se WebAssembly-moduuliksi ja JavaScript-sidoksiksi.

Siirry projektihakemistoon (my-first-wasm-app) ja suorita:

wasm-pack build

Tämä komento kääntää Rust-koodisi, luo tarvittavat .wasm- ja .js-tiedostot ja sijoittaa ne uuteen pkg-hakemistoon.

WASM-asetusten tietovisa

Olet tutustunut Rustin WebAssembly-kehityksen tärkeimpiin työkaluihin. Mitkä seuraavista komennoista ovat olennaisia WASM:ia varten tarvittavan Rust-ympäristön määrittämisessä ja uuden projektin luomisessa?

Vastaa interaktiivisessa oppitunnissa

Kertaus: Rust-WASM-asetukset

Hienoa työtä! Olet määrittänyt Rust-ympäristösi WebAssembly-kehitystä varten.

Käsittelimme seuraavat asiat:

  • Rust-työkaluketjun tarkistaminen.
  • wasm32-unknown-unknown-kohteen lisääminen.
  • wasm-pack-työkalun asentaminen ja käyttäminen ensimmäisen WASM-projektin alustamiseen ja kääntämiseen.
  • Projektin perusrakenteen ja yksinkertaisen #[wasm_bindgen]-funktion ymmärtäminen.

Seuraavaksi opit lataamaan käännetyn WASM-moduulisi verkkoselaimeen ja suorittamaan sen JavaScriptin avulla!

Aloita maksutta

Opi WebAssembly (WASM) suorituskykyisiin sovelluksiin tekoälytuutorin avulla — ilmaiseksi

Kirjoita ja suorita oikeaa koodia selaimessa, saa välitöntä apua tekoälytuutorilta ympäri vuorokauden ja jatka siitä, mihin jäit, verkossa tai sovelluksessa.

Kurssit
12
Oppitunnit
48
Aloita opiskelu maksuttaNäytä koko kurssi

Usein kysytyt kysymykset

Onko oppitunti ”Rustin määrittäminen WebAssemblylle” ilmainen?

Kyllä – oppitunnin ”Rustin määrittäminen WebAssemblylle” koko tekstin voi lukea täällä verkossa ilmaiseksi. Jos haluat harjoitella interaktiivisesti sisäänrakennetulla koodieditorilla ja ympäri vuorokauden käytettävissä olevan tekoälytuutorin avulla sekä avata koko WebAssembly (WASM) suorituskykyisiin sovelluksiin-kurssin, päivitä CoddyKit PROhon. WebAssembly (WASM) suorituskykyisiin sovelluksiin-kurssilla on yhteensä 4 oppituntia.

Mitä opin oppitunnilla ”Rustin määrittäminen WebAssemblylle”?

Määritä Rust-kehitysympäristösi WebAssembly-kohteita varten ja alusta uusi WASM-projekti Harjoittelet WebAssembly (WASM) suorituskykyisiin sovelluksiin-aihetta koodilla, jonka suoritat suoraan selaimessa. Ympäri vuorokauden käytettävissä oleva tekoälytuutori vastaa kysymyksiisi oppitunnin aikana.

Tarvitsenko kokemusta aloittaakseni WebAssembly (WASM) suorituskykyisiin sovelluksiin-opiskelun?

Aiempi kokemus ei ole tarpeen. CoddyKitin WebAssembly (WASM) suorituskykyisiin sovelluksiin-oppimispolku sopii vasta-alkajista edistyneisiin, joten voit aloittaa tästä tai alusta ja edetä omaan tahtiisi. Tämä on oppitunti 1/4.

Kuinka kauan ”Rustin määrittäminen WebAssemblylle”-oppitunnin suorittaminen kestää?

Useimmat CoddyKitin oppitunnit kestävät noin 5–10 minuuttia. Jokainen oppitunti on lyhyt ja interaktiivinen, joten edistyt tasaisesti ja voit jatkaa siitä, mihin jäit – sekä verkossa että sovelluksessa.

Voinko kirjoittaa ja suorittaa koodia tällä WebAssembly (WASM) suorituskykyisiin sovelluksiin-oppitunnilla?

Kyllä. Jokainen WebAssembly (WASM) suorituskykyisiin sovelluksiin-oppitunti sisältää sisäänrakennetun koodieditorin, joten voit kirjoittaa ja suorittaa oikeaa koodia suoraan selaimessa ja saada välitöntä palautetta tekoälyltä – paikallista asennusta ei tarvita.

Kaikki tämän kurssin oppitunnit

  1. Rustin määrittäminen WebAssemblylle
  2. Rust-funktioiden kirjoittaminen WASMia varten
  3. Tehokas JS-yhteentoimivuus `wasm-bindgen`illä
  4. Virheenkäsittely WASM-rajan yli
← Takaisin: WebAssembly (WASM) suorituskykyisiin sovelluksiin