Configuración del entorno

Para este proyecto, se requiere un sistema con Windows 10 Professional, Docker habilitado con la característica WSL2 y la capa de virtualización Hyper-V. Se utilizará una plantilla de proyecto para desarrollo de WASM basado en Rust, disponible en un repositorio de GitHub, junto con Visual Studio Code y su extensión para Rust. Se recomienda también considerar el uso del plugin Remote-Docker para facilitar el desarrollo.

Prueba del entorno

Para probar la configuración, abre una terminal y navega a tu directorio de trabajo deseado. A continuación, clona el repositorio de la plantilla y ejecuta el contenedor Docker correspondiente. En Windows PowerShell, el comando para iniciar el contenedor mapea el directorio actual al volumen /app dentro del contenedor. En entornos Linux, se debe ajustar la sintaxis del comando pwd.

cd /d D:\MiCodigo\wasm_rust
git clone --depth=1 https://github.com/second-state/ssvm-nodejs-starter.git
cd ssvm-nodejs-starter
docker pull secondstate/ssvm-nodejs-starter:v1
docker run -p 3000:3000 --rm -it -v ${pwd}:/app secondstate/ssvm-nodejs-starter:v1

Una vez dentro del contenedor, navega al direcotrio /app y compila el proyecto usando ssvmup. Esto genera archivos binarios de WebAssembly, scripts JavaScript para su invocación y un archivo JSON con metadatos. Para ejecutar la aplicación, utiliza Node.js sobre el script principal. Finalmente, verifica el funcionamiento accediendo a localhost:3000 con un parámetro de consulta, lo que debería retornar un saludo personalizado.

Proceso de desarrollo

Basado en la plantilla proporcionada, el desarrollo de aplicaciones WASM con Rust implica modificar el código fuente en el directorio mapeado, compilar dentro del contenedor y ejecutar. Para este ejemplo, se implementarán herramientas para cálculo de hashes (MD5, SHA) y comparación de texto. Se empleará la crate rust-crypto-wasm para las operaciones criptográficas.

En el código Rust, se definen funciones exportables mediante wasm_bindgen. Para reducir la similitud con el ejemplo original, se reorganizan las funciones y se renombra las variables. Por ejemplo, la función principal de saludo se modifica para usar un enfoque ligeramente diferente en la concatenación de cadenas.

extern crate crypto;

use wasm_bindgen::prelude::*;
use crypto::digest::Digest;
use crypto::md5::Md5;
use crypto::sha1::Sha1;
use crypto::sha2::Sha256;
use crypto::sha2::Sha512;

#[wasm_bindgen]
pub fn greet_user(input: &str) -> String {
    let mut result = String::with_capacity(input.len() + 6);
    result.push_str("Hola ");
    result.push_str(input);
    result
}

#[wasm_bindgen]
pub fn compute_md5(message: &str) -> String {
    let mut md5_hasher = Md5::new();
    md5_hasher.input_str(message);
    md5_hasher.result_str()
}

#[wasm_bindgen]
pub fn compute_sha1(data: &str) -> String {
    let mut sha1_hasher = Sha1::new();
    sha1_hasher.input_str(data);
    sha1_hasher.result_str()
}

#[wasm_bindgen]
pub fn compute_sha256(input_data: &str) -> String {
    let mut sha256_hasher = Sha256::new();
    sha256_hasher.input_str(input_data);
    sha256_hasher.result_str()
}

#[wasm_bindgen]
pub fn compute_sha512(text: &str) -> String {
    let mut sha512_hasher = Sha512::new();
    sha512_hasher.input_str(text);
    sha512_hasher.result_str()
}

En el lado de Node.js, se consume el módulo WASM compilado. El código JavaScript se ajusta para manejar las funciones renombradas y se estructura la lógica de manejo de peticiones. Se recomienda utilizar herramientas externas para verificar la corrección de los hashes generados. Una vez validado, se procede a optimizar la experiencia de usuario implementando carga dinámica de datos mediante AJAX.

Consideraciones técnicas

WebAssembly es particularmente eficiente para tareas computacionales intensivas, como el cálculo de hashes. En entornos con recursos limitados, se deben evaluar alternativas, por ejemplo, evitando opreaciones con archivos grandes. Además, WASM puede ejecutarse directamente en el navegador, ofreciendo cierta protección del código fuente mediante ofuscación. Este ejemplo ilustra una aplicación básica, pero el ecosistema Rust-WASM tiene potencial para integraciones más complejas en el desarrollo web moderno.