Ir al contenido principal

Webassembly: Hola, mundo en C

WebAssembly (abreviado Wasm) es un formato de instrucción binaria para una máquina virtual basada en pila. Wasm está diseñado como un objetivo de compilación portátil para lenguajes de programación, lo que permite la implementación en la web para aplicaciones de cliente y servidor.

Esto permite que podamos crear código en C, C++, Rust, etc. y ejecutarlo en nuestro navegador.

Características:

  • Eficiente y rápido
  • Seguro
  • Abierto y depurable
  • Parte de la plataforma web abierta

¿Y qué con Emscripten?

Emscripten es una cadena de herramientas de compilación completa para WebAssembly, que utiliza LLVM, con un enfoque especial en la velocidad, el tamaño y la plataforma web.

Con Emscripten se puede:

1. Compilar código C y C++, o cualquier otro lenguaje que use LLVM, en WebAssembly y ejecutarlo en la web, Node.js u otros tiempos de ejecución de wasm.

2. Compilar los tiempos de ejecución de C/C++ de otros lenguajes en WebAssembly y luego ejecutar el código en esos otros lenguajes de forma indirecta (por ejemplo, esto se ha hecho para Python y Lua).

Pasos para instalar y activar:

# Descargar
git clone https://github.com/emscripten-core/emsdk.git
# Entrar al directorio
cd emsdk

# Obtener últimas actualizaciones
git pull

# Descargar e instalar las herramientas del SDK 
./emsdk install latest

# Activar
./emsdk activate latest

# Activar PATH
source ./emsdk_env.sh

# Comprobar versión
emcc-v

Nota: En Windows deberás agregar una variable de entorno.

Ejercicio: Crear un programa "Hola, mundo" en C. Compilamos con la herramienta ``emcc`` y generamos un archivo JS para ejecutar con Node

main.c

#include<stdio.h>

int main(){
 puts("Hola, mundo en Assembly!!");
 return 0;
}

Compilamos, creamos archivo JS y ejecutamos con Node:

# Compilamos el código y generamos archivo JS
emcc main.c -o main.js

# Ejecutamos con Node
node main.js
Hola, mundo en Assembly!!

En próximos post veremos más ejemplos.

Enlaces:

https://webassembly.org/
https://developer.mozilla.org/en-US/docs/WebAssembly
https://emscripten.org/y

Comentarios