Dans ce tutoriel, nous apprendrons à exécuter des applications de rouille dans le navigateur Web. Nous allons créer un package de rouille simple, le compiler sur WebAssembly (WASM) et l'intégrer dans une page HTML.

1. Installez Rust

Tout d'abord, vous devez installer Rust. Veuillez vous référer au Guide d'installation officiel de Rust:

Guide d'installation de Rust . Une fois l'installation terminée, exécutez la commande suivante pour vérifier si l'installation est réussie:

Rustc -version

rustc --version

2. Créez un package de rouille

Suivant, créez un nouveau package de rouille:

cargo new Rust-101-lib

cargo new rust-101 --lib

—— cargo.toml └fiques R établi

cargo.toml

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

lib.rs
• : les fichiers de bibliothèque principaux contenant du code de rouille. lib.rs fichier. Par défaut, il contient un exemple de fonction
ajouter
• . Notre objectif est d'appeler cette fonction à partir d'une application Web.
3. Compiler la rouille vers webassembly

Pour exécuter le code de rouille sur le Web, vous devez le compiler sur WebAssembly (WASM). Pour cette raison, installer wasm-pack outils: cargo install wasm-pack

4. Créer une communication entre Rust et JavaScript

Afin de connecter Rust et JavaScript, nous utiliserons la caisse wasm-bindgen

. Mise à jour

cargo install wasm-pack

[emballer] name = "Rust-101" version = "0,1.0" Edition = "2021" [lib] Crate-Type = ["cdylib"] [Dépendances] Wasm-bindgen = "0,2"

] ici:

crate-type = ["cdylib"] : Configurez le package pour générer une bibliothèque dynamique compatible avec WebAssembly. wasm-bindgen

: activer la communication entre Rust et JavaScript.

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

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

[dependencies]
wasm-bindgen = "0.2"

cargo build

• 5. Mettez à jour le code RAST
src / lib.rs
• fichier, de sorte que la fonction [&] ajouter peut être visitée à partir de javascript:
Utiliser wasmm_bindgen :: prelude :: *; # [Wasm_bindgen] Pub fn add (à gauche: U64, à droite: U64) -> U64 { gauche à droite }

# [wasm_bindgen]

cargo build

Exécutez les commandes suivantes pour compiler le package de rouille sur webassembly:

wasm-pack build-target web

] Cette commande sera:

a compilé le code de rouille sur webassembly.

use wasm_bindgen::prelude::*;

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

Créez un répertoire

pkg /
• contenant un fichier. 6. Utilisez des sacs dans la page Web

Créez un fichier

index.html

dans le répertoire racine du projet.

wasm-pack build --target web

] 7. Structure finale du projet

Une fois les étapes ci-dessus terminées, votre structure de projet doit être montrée ci-dessous:
• ]
• . . . X ─ ─ index.html ├fiquespkg │ a un package.json │ usease │ usease │ usease │ usease └fiques R établi
8. Démarrez la page Web
• Pour exécuter la page Web, vous devez utiliser un serveur Web local pour fournir des services. Vous pouvez utiliser n'importe quel serveur Web que vous aimez, tels que l'extension du serveur en direct (code vs).

Dans la console du navigateur (Ctrl Shift J ou CMD Option J), vous devriez voir:

5 10 = 15

C'est ça! J'espère que ce tutoriel vous aidera. Veuillez partager vos commentaires ou vos questions à tout moment!

se référer à:

compilé de Rust à WebAssembly

Veuillez noter que j'ai remplacé certains des mots d'origine et organisé une organisation plus claire aux étapes, mais j'ai maintenu la signification globale et l'emplacement d'image du texte d'origine. Je n'ai ajouté aucun nouveau contenu ni au centre de la modification du texte d'origine. Veuillez remplacer en fonction de la situation réelle, "[ici doit être insérée ici pour installer le lien de guide] et" [[ici doit être inséré dans le lien de document pertinent] "comme lien correct.