referirse a:

compilado de Rust a Webassembly 

 Tenga en cuenta que reemplazé algunas de las palabras originales y organicé una organización más clara a los pasos, pero mantuve la ubicación general de significado y imagen del texto original.  No he agregado ningún contenido nuevo o el enfoque de cambiar el texto original.  Reemplace de acuerdo con la situación real, \\\"[Aquí debe insertarse aquí para instalar el enlace de la guía] y\\\" [aquí debe insertarse en el enlace del documento relevante] \\\"como el enlace correcto. ","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"}}
  

  
    
    
    

  

    

      

        "Si un trabajador quiere hacer bien su trabajo, primero debe afilar sus herramientas." - Confucio, "Las Analectas de Confucio. Lu Linggong"      

      

    

  

  

    

      

        
        
      

      

        

          Herramientas en línea
        

        

          Tutoriales de software
        

        

          Sitio de navegacion
        

        

          Programación
        

      

      
    

  






    
    
    

      

        
        Página delantera > Programación > Cómo ejecutar una aplicación de óxido en la web
      

      

        

          

            

              
Cómo ejecutar una aplicación de óxido en la web

              

                

                  Publicado el 2025-02-03                

                

                  
                  Navegar:387
                 
                

                
                
                
                
                
                
                
                
              

            

            

            

              
              
 How to Run a Rust Application in the Web

 En este tutorial, aprenderemos cómo ejecutar aplicaciones de óxido en el navegador web. Crearemos un paquete de óxido simple, lo compilaremos en WebAssembly (WASM) e integraremos en una página HTML. 


 
 1. Instale Rust  

 Primero, debe instalar Rust. Consulte la Guía de instalación oficial de Rust: 
 Guía de instalación de Rust . Después de completar la instalación, ejecute el siguiente comando para verificar si la instalación es exitosa: 

 rustc -version 
rustc --version
 2. Cree un paquete de óxido 
 
 Siguiente, cree un nuevo paquete de óxido: 


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


├── Cargo.toml
└── src
    └── lib.rs
 paquete.json 
     en JavaScript. 
  • 
 lib.rs : los archivos principales de la biblioteca que contienen código de óxido. 


    •  lib.rs 
  • . Por defecto, contiene una función de ejemplo  add . Nuestro objetivo es llamar a esta función desde una aplicación web. 
    • 

 
 3. Compilar óxido a webassembly 
 Para ejecutar el código de óxido en la web, debe compilarlo en WebAssembly (WASM). Por este motivo, instale  wasm-pack  herramientas: 


 Cargo install Wasm-Pack  

 
 4. Cree comunicación entre Rust y JavaScript  

 Para conectar Rust y JavaScript, usaremos 
cargo install wasm-pack
 son ​​los siguientes: 

 [paquete]
nombre = "Rust-101"
versión = "0.1.0"
Edición = "2021"

[lib]
Cial-type = ["Cdylib"]

[Dependencias]
Wasm-bindgen = "0.2" ] 


aquí:

 cable-type = ["cdylib"] : configure el paquete para generar una biblioteca dinámica compatible con WebAssembly. 


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

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

[dependencies]
wasm-bindgen = "0.2"


 dependencias de instalación: 


     Cargo Build 
  •  
 5. Actualice el código RAST 
    •  
  • 
 src/lib.rs  para que 
    •  agregue la función se pueda visitar desde javaScript: 


 use wasmm_bindgen :: prelude ::*;

#[Wasm_bindgen]
Pub fn add (izquierda: u64, derecha: u64) -> u64 {
    izquierda a la derecha
} 


cargo build
 agregar 
 función a javascript. 


 Ejecute los siguientes comandos para compilar el paquete de óxido a webassembly: 

 Wasm-Pack Build-Target Web  
] Este comando será: 


use wasm_bindgen::prelude::*;

#[wasm_bindgen]
pub fn add(left: u64, right: u64) -> u64 {
    left   right
}
 genera JavaScript vinculante para manejar el archivo WebAssembly. 
    

  •  cree un directorio  pkg/ que contenga un archivo. 


    •  6. Use bolsas en la página web 
 


 cree un archivo 
wasm-pack build --target web
 


] 7. Estructura del proyecto final 
     
  • 

    •  Después de completar los pasos anteriores, la estructura de su proyecto debe mostrarse a continuación: 
  • ]

    •  
  • .
.
.
X ─ ─ index.html
├──Pkg
│ ame paquete.json
│ U── Rust_101.d.ts
│ u── Rust_101.js
│ U── Rust_101_bg.wasm
│ U── Rust_101_bg.wasm.d.ts
└── src
    R── r b  

    •  8. Inicie la página web 
 

 Para ejecutar la página web, debe usar un servidor web local para proporcionar servicios. Puede usar cualquier servidor web que desee, como la extensión del servidor en vivo (Código VS). 

 en la consola del navegador (Ctrl Shift j o opción CMD J), debería ver: 

 5 10 = 15  




  
    
    Hello Rust
  
  
    
  

referirse a:



 compilado de Rust a Webassembly 




 Tenga en cuenta que reemplazé algunas de las palabras originales y organicé una organización más clara a los pasos, pero mantuve la ubicación general de significado y imagen del texto original.  No he agregado ningún contenido nuevo o el enfoque de cambiar el texto original.  Reemplace de acuerdo con la situación real, "[Aquí debe insertarse aquí para instalar el enlace de la guía] y" [aquí debe insertarse en el enlace del documento relevante] "como el enlace correcto. 
            

            
            

                      

          

          

            

              Último tutorial
              Más>
            

            
          

        

        

          

            

              ClasificaciónMás>
            

            

                            Aprende japonés
                            Aprender coreano
                            Aprender chino
                            Aprender idioma extranjero
                            Juego
                            Problema comun
                            Periféricos tecnológicos
                            AI
                            Tutoriales de software
                            Programación
                            Artículo
                          

          

          

            

              
Estudiar chino

            

            
          

          

            

              HerramientaMás>
            

            

                            
                
                

                  
Decodificación de imagen base64

                

              
                            
                
                

                  
pinyin chino

                

              
                            
                
                

                  
Codificación Unicode

                

              
                            
                
                

                  
Compresión de cifrado de ofuscación JS

                

              
                            
                
                

                  
Herramienta de cifrado hexadecimal de URL

                

              
                            
                
                

                  
Herramienta de conversión de codificación UTF-8

                

              
                            
                
                

                  
Herramientas de codificación y decodificación Ascii en línea

                

              
                            
                
                

                  
herramienta de cifrado MD5

                

              
                            
                
                

                  
Herramienta de cifrado y descifrado de texto hash/hash en línea

                

              
                            
                
                

                  
Cifrado SHA en línea

                

              
                          

          

          

        

      

    

    
    
    

    

        
Descargo de responsabilidad: Todos los recursos proporcionados provienen en parte de Internet. Si existe alguna infracción de sus derechos de autor u otros derechos e intereses, explique los motivos detallados y proporcione pruebas de los derechos de autor o derechos e intereses y luego envíelos al correo electrónico: [email protected].
          Lo manejaremos por usted lo antes posible.

        
Copyright© 2022 湘ICP备2022001581号-3