8. Starten Sie die Webseite

Um die Webseite auszuführen, müssen Sie einen lokalen Webserver verwenden, um Dienste bereitzustellen. Sie können jeden Webserver verwenden, den Sie mögen, z. B. Live Server -Erweiterung (VS -Code).

In der Browser -Konsole (Strg Shift J oder CMD -Option j) sollten Sie sehen: 5 10 = 15 

          Hello Rust

beziehen sich auf:

kompiliert von Rost zu WebAssembly 

 Bitte beachten Sie, dass ich einige der ursprünglichen Wörter ersetzt und eine klarere Organisation für die Schritte organisiert habe, aber die Gesamtbedeutung und den Bildort des Originaltextes beibehalten habe.  Ich habe weder neue Inhalte noch den Fokus der Änderung des Originaltextes hinzugefügt.  Bitte ersetzen Sie gemäß der tatsächlichen Situation: \\\"[Hier sollte hier eingefügt werden, um den Leitungslink zu installieren. ","image":"http://www.luping.net/uploads/20250203/173858941067a0c4e2e6ee9.jpg173858941067a0c4e2e6ef5.jpg","datePublished":"2025-02-03T23:36:00+08:00","dateModified":"2025-02-03T23:36:00+08:00","author":{"@type":"Person","name":"luping.net","url":"https://www.luping.net/articlelist/0_1.html"}}
  

  
    
    
    

  

    

      

        „Wenn ein Arbeiter seine Arbeit gut machen will, muss er zuerst seine Werkzeuge schärfen.“ – Konfuzius, „Die Gespräche des Konfuzius. Lu Linggong“      

      

    

  

  

    

      

        
        
      

      

        

          Online-Tools
        

        

          Software-Tutorial
        

        

          Seitennavigation
        

        

          Programmierung
        

      

      
    

  






    
    
    

      

        
        Titelseite > Programmierung > So führen Sie eine Rost -Anwendung im Web aus
      

      

        

          

            

              
So führen Sie eine Rost -Anwendung im Web aus

              

                

                  Veröffentlicht am 2025-02-03                

                

                  
                  Durchsuche:194
                 
                

                
                
                
                
                
                
                
                
              

            

            

            

              
              
 How to Run a Rust Application in the Web

 In diesem Tutorial lernen wir, wie man Rostanwendungen im Webbrowser ausführt. Wir erstellen ein einfaches Rostpaket, kompilieren Sie es zu WebAssembly (WASM) und integrieren Sie es in eine HTML -Seite. 


 
 1. Installieren Sie Rust  

 Zunächst müssen Sie Rost installieren. Weitere Informationen finden Sie in der offiziellen Installationshandbuch von Rust: 
 Rust Installation Guide . Führen Sie nach Abschluss der Installation den folgenden Befehl aus, um zu überprüfen, ob die Installation erfolgreich ist: 

 rostc -version 
rustc --version
 2. Erstellen Sie ein Rust -Paket 
 
 Als nächstes erstellen Sie ein neues Rust -Paket: 


 Cargo New Rust-101-lib 
 
cargo new rust-101 --lib
 —— Cargo.toml
└── Src
    R ── r b 
 


├── Cargo.toml
└── src
    └── lib.rs
 package.json 
     in JavaScript. 
  • 
 lib.rs : Die Hauptbibliotheksdateien mit Rostcode. 


    •  lib.rs 
  •  Datei. Standardmäßig enthält es ein Beispiel  add  Funktion. Unser Ziel ist es, diese Funktion von einer Webanwendung aus aufzurufen. 
    • 

 
 3. Kompilieren Sie Rost in WebAssembly 
 Um den Rust -Code im Web auszuführen, müssen Sie ihn zu WebAssembly (WASM) kompilieren. Aus diesem Grund installieren Sie  WASM-PACK  Tools: 


 Cargo installieren Sie WASM-PACK  

 
 4. Erstellen Sie Kommunikation zwischen Rust und JavaScript  

 Um Rost und JavaScript zu verbinden, werden wir 
cargo install wasm-pack
 Dateien sind wie folgt: 

 [Paket]
Name = "Rust-101"
Version = "0.1.0"
Edition = "2021"

[lib]
Kisten-Typ = ["cdylib"]

[Abhängigkeiten]
WASM-BINDGEN = "0.2" ] 


Hier:

 crate-type = ["cdylib"] : Konfigurieren Sie das Paket, um eine dynamische Bibliothek zu generieren, die mit WebAssembly kompatibel ist. 


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

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

[dependencies]
wasm-bindgen = "0.2"


 Installationsabhängigkeiten: 


     Cargo Build 
  •  
 5. Aktualisieren Sie den Rast -Code 
    •  
  • 
 src/lib.rs  Datei, so dass 
    •  add 
 Funktion von JavaScript besucht werden kann: 


 verwenden wasmm_bindgen :: prelude ::*;;

#[WASM_BINDGEN]
Pub fn add (links: u64, rechts: u64) -> u64 {
    links rechts
} 
cargo build
: expose 
 add  Funktion zu JavaScript. 



 Führen Sie die folgenden Befehle aus, um das Rostpaket in WebAssembly zu kompilieren: 
 wasm-pack build-target web  

] Dieser Befehl wird: 
use wasm_bindgen::prelude::*;

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


     generiert JavaScript -Bindung für die Behandlung der WebAssembly -Datei. 
  • 
 erstellen Sie ein  pkg/ verzeichnis mit einer Datei. 

    • 

 6. Verwenden Sie Taschen in der Webseite 
 


wasm-pack build --target web
 
  
    
     Hallo Rust 
  
  
    
  
            

            
            

                      

          

          

            

              Neuestes Tutorial
              Mehr>
            

            
          

        

        

          

            

              EinstufungMehr>
            

            

                            Japanisch lernen
                            Koreanisch lernen
                            Chinesisch lernen
                            Fremdsprache lernen
                            Spiel
                            Häufiges Problem
                            Technologie-Peripheriegeräte
                            KI
                            Software-Tutorial
                            Programmierung
                            Artikel
                          

          

          

            

              
Chinesisch lernen

            

            
          

          

            

              WerkzeugMehr>
            

            

                            
                
                

                  
Bildbase64-Dekodierung

                

              
                            
                
                

                  
Chinesisches Pinyin

                

              
                            
                
                

                  
Unicode-Kodierung

                

              
                            
                
                

                  
Komprimierung der JS-Verschleierungsverschlüsselung

                

              
                            
                
                

                  
URL-Hexadezimal-Verschlüsselungstool

                

              
                            
                
                

                  
Konvertierungstool für UTF-8-Kodierung

                

              
                            
                
                

                  
Online-Tools zur ASCII-Kodierung und -Dekodierung

                

              
                            
                
                

                  
MD5-Verschlüsselungstool

                

              
                            
                
                

                  
Hash/Hash-Text-Online-Verschlüsselungs- und Entschlüsselungstool

                

              
                            
                
                

                  
Online-SHA-Verschlüsselung

                

              
                          

          

          

        

      

    

    
    
    

    

        
Haftungsausschluss: Alle bereitgestellten Ressourcen stammen teilweise aus dem Internet. Wenn eine Verletzung Ihres Urheberrechts oder anderer Rechte und Interessen vorliegt, erläutern Sie bitte die detaillierten Gründe und legen Sie einen Nachweis des Urheberrechts oder Ihrer Rechte und Interessen vor und senden Sie ihn dann an die E-Mail-Adresse: [email protected]
          Wir werden die Angelegenheit so schnell wie möglich für Sie erledigen.

        
Copyright© 2022 湘ICP备2022001581号-3