WebAssembly - Kurulum

Bu bölümde, C / C ++ 'ı derlemek için Emscripten SDK'nın nasıl kurulacağını öğreneceğiz. Emscripten, C / C ++ 'dan oluşturulan bayt kodunu alan ve tarayıcı içinde kolayca çalıştırılabilen JavaScript'te derleyen Düşük seviyeli bir sanal makinedir (LLVM).

C / C ++ 'yı WebAssembly' a derlemek için önce Emscripten sdk kurmamız gerekir.

Emscripten sdk'yi yükleyin

Emscripten sdk'yi kurma adımları aşağıdaki gibidir -

Step 1 - emsdk deposunu klonlayın: git klonu 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 - emsdk dizini içine girin.

cd emsdk

Step 3 - Windows için: Aşağıdaki komutu yürütün.

emsdk install latest

For linux, bu komut java, python vb. gibi gerekli araçları kurmak biraz zaman alacaktır. Aşağıda belirtilen kodu izleyin -

./emsdk install latest

Step 4 - En son SDK'yı etkinleştirmek için terminalinizde aşağıdaki komutu yürütün.

For windows, aşağıdaki komutu çalıştırın -

emsdk activate latest

For linux, aşağıda belirtilen komutu yürütün -

./emsdk activate latest

Step 5 - PATH ve diğer ortam değişkenlerini etkinleştirmek için terminalinizde aşağıdaki komutu çalıştırın.

For windows, komutu yürütün -

emsdk_env.bat

For linux, aşağıdaki komutu çalıştırın -

source ./emsdk_env.sh

Emsdk kurulumunu tamamladık ve şimdi C veya C ++ kodunu derleyebiliriz. C / C ++ derlemesi sonraki bölümlerde yapılacaktır.

Aşağıdaki komut herhangi bir C veya C ++ kodunu derlemektir -

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

Çıktı size bir source.html dosyası, source.js ve source.wasm dosyaları verecektir. Js, source.wasm'ı getirecek bir api'ye sahip olacak ve tarayıcıda source.html'ye tıkladığınızda çıktıyı görebilirsiniz.

Sadece wasm dosyasını almak için aşağıdaki komutu kullanabilirsiniz. Bu komut size yalnızca source.wasm dosyasını verecektir.

emcc source.c or source.cpp -s STANDALONE_WASM