WebAssembly - instalacja

W tym rozdziale dowiesz się, jak zainstalować Emscripten SDK, aby skompilować C / C ++. Emscripten to maszyna wirtualna niskiego poziomu (LLVM), która pobiera kod bajtowy wygenerowany z C / C ++ i kompiluje go do JavaScript, który można łatwo wykonać w przeglądarce.

Aby skompilować C / C ++ do WebAssembly, musimy najpierw zainstalować pakiet Emscripten sdk.

Zainstaluj pakiet Emscripten sdk

Kroki instalacji Emscripten sdk są następujące -

Step 1 - Sklonuj repozytorium emsdk: klon 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 - Wejdź do katalogu emsdk.

cd emsdk

Step 3 - W przypadku systemu Windows: wykonaj następujące polecenie.

emsdk install latest

For linux, to polecenie zajmie trochę czasu, aby zainstalować niezbędne narzędzia, takie jak java, python itp. Postępuj zgodnie z poniższym kodem -

./emsdk install latest

Step 4 - Aby aktywować najnowszy SDK, wykonaj następujące polecenie w terminalu.

For windows, wykonaj następujące polecenie -

emsdk activate latest

For linux, wykonaj poniższe polecenie -

./emsdk activate latest

Step 5 - Aby aktywować PATH i inne zmienne środowiskowe, uruchom następujące polecenie w swoim terminalu.

For windows, wykonaj polecenie -

emsdk_env.bat

For linux, wykonaj następujące polecenie -

source ./emsdk_env.sh

Skończyliśmy instalować emsdk i możemy teraz skompilować kod C lub C ++. Kompilacja C / C ++ zostanie wykonana w następnych rozdziałach.

Aby skompilować dowolny kod C lub C ++, wykonaj polecenie -

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

W wyniku otrzymasz plik source.html, pliki source.js i source.wasm. Js będzie miał interfejs API, który pobierze plik source.wasm, a wyjście będzie można zobaczyć po naciśnięciu source.html w przeglądarce.

Aby po prostu pobrać plik wasm, możesz użyć następującego polecenia. To polecenie da ci tylko plik source.wasm.

emcc source.c or source.cpp -s STANDALONE_WASM