WebAssembly - Installazione

In questo capitolo impareremo come installare Emscripten SDK per compilare C / C ++. Emscripten è una macchina virtuale di basso livello (LLVM) che prende il bytecode generato da C / C ++ e lo compila in JavaScript che può essere eseguito facilmente all'interno del browser.

Per compilare C / C ++ in WebAssembly, dobbiamo prima installare Emscripten sdk.

Installa Emscripten sdk

I passaggi per installare Emscripten sdk sono i seguenti:

Step 1 - Clona il repository 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 - Entra nella directory emsdk.

cd emsdk

Step 3 - Per Windows: eseguire il seguente comando.

emsdk install latest

For linux, questo comando richiederà del tempo per installare gli strumenti necessari come java, python ecc. Segui il codice sotto indicato -

./emsdk install latest

Step 4 - Per attivare l'ultimo SDK, esegui il seguente comando nel tuo terminale.

For windows, esegui il seguente comando -

emsdk activate latest

For linux, esegui il comando indicato di seguito -

./emsdk activate latest

Step 5 - Per attivare PATH e altre variabili d'ambiente, esegui il comando seguente nel tuo terminale.

For windows, esegui il comando -

emsdk_env.bat

For linux, esegui il seguente comando -

source ./emsdk_env.sh

Abbiamo finito di installare emsdk e ora possiamo compilare codice C o C ++. La compilazione di C / C ++ verrà eseguita nei prossimi capitoli.

Per compilare qualsiasi codice C o C ++, il seguente è il comando:

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

L'output ti darà un file source.html, file source.js e source.wasm. Il js avrà l'API che recupererà source.wasm e puoi vedere l'output quando premi source.html nel browser.

Per ottenere solo il file wasm puoi usare il seguente comando. Questo comando ti darà solo il file source.wasm.

emcc source.c or source.cpp -s STANDALONE_WASM