WebAssembly - Instalação

Neste capítulo, aprenderemos como instalar o Emscripten SDK para compilar C / C ++. Emscripten é uma máquina virtual de baixo nível (LLVM) que pega bytecode gerado em C / C ++ e o compila em JavaScript que pode ser executado facilmente dentro do navegador.

Para compilar C / C ++ para WebAssembly, precisamos primeiro instalar o Emscripten sdk.

Instale o Emscripten SDK

As etapas para instalar o Emscripten sdk são as seguintes -

Step 1 - Clone o repo emsdk: clone git 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 - Entre no diretório emsdk.

cd emsdk

Step 3 - Para Windows: execute o seguinte comando.

emsdk install latest

For linux, este comando levará algum tempo para instalar as ferramentas necessárias, como java, python etc. Siga o código abaixo mencionado -

./emsdk install latest

Step 4 - Para ativar o SDK mais recente, execute o seguinte comando em seu terminal.

For windows, execute o seguinte comando -

emsdk activate latest

For linux, execute o comando abaixo mencionado -

./emsdk activate latest

Step 5 - Para ativar o PATH e outras variáveis de ambiente, execute o seguinte comando em seu terminal.

For windows, execute o comando -

emsdk_env.bat

For linux, execute o seguinte comando -

source ./emsdk_env.sh

Concluímos a instalação do emsdk e agora podemos compilar o código C ou C ++. A compilação de C / C ++ será feita nos próximos capítulos.

Para compilar qualquer código C ou C ++ a seguir está o comando -

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

A saída fornecerá um arquivo source.html, arquivos source.js e source.wasm. O js terá a api que irá buscar o source.wasm e você poderá ver a saída quando clicar em source.html no navegador.

Para obter apenas o arquivo wasm, você pode usar o seguinte comando. Este comando fornecerá apenas o arquivo source.wasm.

emcc source.c or source.cpp -s STANDALONE_WASM