WebAssembly - Cài đặt

Trong chương này, sẽ học cách cài đặt Emscripten SDK để biên dịch C / C ++. Emscripten là một máy ảo cấp thấp (LLVM) lấy mã bytecode được tạo từ C / C ++ và biên dịch nó thành JavaScript để có thể dễ dàng thực thi bên trong trình duyệt.

Để biên dịch C / C ++ sang WebAssembly, trước tiên chúng ta cần cài đặt Emscripten sdk.

Cài đặt sdk Emscripten

Các bước để cài đặt Emscripten sdk như sau:

Step 1 - Sao chép 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 - Nhập vào bên trong thư mục emsdk.

cd emsdk

Step 3 - Đối với windows: Thực hiện lệnh sau.

emsdk install latest

For linux, lệnh này sẽ mất một khoảng thời gian để cài đặt các công cụ cần thiết như java, python, v.v. Hãy làm theo đoạn mã được đề cập bên dưới -

./emsdk install latest

Step 4 - Để kích hoạt SDK mới nhất, hãy thực hiện lệnh sau trong thiết bị đầu cuối của bạn.

For windows, thực hiện lệnh sau:

emsdk activate latest

For linux, thực hiện lệnh được đề cập bên dưới -

./emsdk activate latest

Step 5 - Để kích hoạt PATH và các biến môi trường khác, hãy chạy lệnh sau trong thiết bị đầu cuối của bạn.

For windows, thực hiện lệnh -

emsdk_env.bat

For linux, thực hiện lệnh sau:

source ./emsdk_env.sh

Chúng tôi đã cài đặt xong emsdk và bây giờ có thể biên dịch mã C hoặc C ++. Việc biên dịch C / C ++ sẽ được thực hiện trong các chương tiếp theo.

Để biên dịch bất kỳ mã C hoặc C ++ nào, sau đây là lệnh:

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

Đầu ra sẽ cung cấp cho bạn tệp source.html, tệp source.js và source.wasm. Js sẽ có api sẽ tìm nạp source.wasm và bạn có thể thấy đầu ra khi bạn nhấn source.html trong trình duyệt.

Để chỉ lấy tệp tin wasm, bạn có thể sử dụng lệnh sau. Lệnh này sẽ chỉ cung cấp cho bạn tệp source.wasm.

emcc source.c or source.cpp -s STANDALONE_WASM