WebAssembly - Instalación

En este capítulo, aprenderá cómo instalar Emscripten SDK para compilar C / C ++. Emscripten es una máquina virtual de bajo nivel (LLVM) que toma el código de bytes generado desde C / C ++ y lo compila en JavaScript que se puede ejecutar fácilmente dentro del navegador.

Para compilar C / C ++ en WebAssembly, primero debemos instalar Emscripten sdk.

Instalar Emscripten sdk

Los pasos para instalar Emscripten sdk son los siguientes:

Step 1 - Clonar el repositorio emsdk: git clone https://github.com/emscripten-core/emsdk.git.

E:\wa>git clone https://github.com/emscripten-core/emsdk.git 
Cloning into 'emsdk'... 
remote: Enumerating objects: 14, done. 
remote: Counting objects: 100% (14/14), done. 
remote: Compressing objects: 100% (12/12), done. 
remote: Total 1823 (delta 4), reused 4 (delta 2), pack-reused 1809 receiving obje 
cts: 99% (1819/1823), 924.01 KiB | 257.00 KiB/s 
Receiving objects: 100% (1823/1823), 1.01 MiB | 257.00 KiB/s, done. 
Resolving deltas: 100% (1152/1152), done.

Step 2 - Entrar dentro del directorio emsdk.

cd emsdk

Step 3 - Para Windows: Ejecute el siguiente comando.

emsdk install latest

For linux, este comando tomará algún tiempo para instalar las herramientas necesarias como java, python, etc. Siga el código mencionado a continuación:

./emsdk install latest

Step 4 - Para activar el último SDK, ejecute el siguiente comando en su terminal.

For windows, ejecute el siguiente comando -

emsdk activate latest

For linux, ejecute el comando mencionado a continuación -

./emsdk activate latest

Step 5 - Para activar PATH y otras variables de entorno, ejecute el siguiente comando en su terminal.

For windows, ejecuta el comando -

emsdk_env.bat

For linux, ejecute el siguiente comando -

source ./emsdk_env.sh

Hemos terminado de instalar emsdk y ahora podemos compilar código C o C ++. La compilación de C / C ++ se realizará en los siguientes capítulos.

Para compilar cualquier código C o C ++, el siguiente es el comando:

emcc source.c or source.cpp -s WASM=1 -o source.html

La salida le dará un archivo source.html, archivos source.js y source.wasm. El js tendrá la API que buscará el source.wasm y podrá ver el resultado, cuando presione source.html en el navegador.

Para obtener el archivo wasm, puede usar el siguiente comando. Este comando le dará solo el archivo source.wasm.

emcc source.c or source.cpp -s STANDALONE_WASM