WebAssembly - การติดตั้ง

ในบทนี้จะเรียนรู้วิธีการติดตั้ง Emscripten SDK เพื่อคอมไพล์ C / C ++ Emscripten เป็นเครื่องเสมือนระดับต่ำ (LLVM) ที่ใช้ bytecode ที่สร้างจาก C / C ++ และรวบรวมเป็น JavaScript ที่สามารถเรียกใช้งานภายในเบราว์เซอร์ได้อย่างง่ายดาย

ในการคอมไพล์ C / C ++ ไปยัง WebAssembly เราต้องติดตั้ง Emscripten sdk ก่อน

ติดตั้ง Emscripten sdk

ขั้นตอนในการติดตั้ง Emscripten sdk มีดังนี้ -

Step 1 - โคลน repo 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 - เข้าสู่ภายในไดเร็กทอรี emsdk

cd emsdk

Step 3 - สำหรับ windows: ดำเนินการคำสั่งต่อไปนี้

emsdk install latest

For linuxคำสั่งนี้จะใช้เวลาสักครู่ในการติดตั้งเครื่องมือที่จำเป็นเช่น java, python เป็นต้นทำตามรหัสที่กล่าวถึงด้านล่าง -

./emsdk install latest

Step 4 - เพื่อเปิดใช้งาน SDK ล่าสุดให้ดำเนินการคำสั่งต่อไปนี้ในเทอร์มินัลของคุณ

For windowsดำเนินการคำสั่งต่อไปนี้ -

emsdk activate latest

For linuxดำเนินการตามคำสั่งที่กล่าวถึงด้านล่าง -

./emsdk activate latest

Step 5 - ในการเปิดใช้งาน PATH และตัวแปรสภาพแวดล้อมอื่น ๆ ให้รันคำสั่งต่อไปนี้ในเทอร์มินัลของคุณ

For windowsดำเนินการคำสั่ง -

emsdk_env.bat

For linuxดำเนินการคำสั่งต่อไปนี้ -

source ./emsdk_env.sh

เราติดตั้ง emsdk เสร็จแล้วและสามารถคอมไพล์รหัส C หรือ C ++ ได้แล้ว การคอมไพล์ C / C ++ จะทำในบทถัดไป

ในการคอมไพล์โค้ด C หรือ C ++ ต่อไปนี้คือคำสั่ง -

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

ผลลัพธ์จะให้ไฟล์ source.html, source.js และไฟล์ source.wasm js จะมี api ที่จะดึง source.wasm และคุณจะเห็นผลลัพธ์เมื่อคุณกด source.html ในเบราว์เซอร์

ในการรับไฟล์ wasm คุณสามารถใช้คำสั่งต่อไปนี้ คำสั่งนี้จะให้ไฟล์ source.wasm แก่คุณเท่านั้น

emcc source.c or source.cpp -s STANDALONE_WASM