
- WebAssembly 教程
- WebAssembly - 首頁
- WebAssembly - 概述
- WebAssembly - 簡介
- WebAssembly - WASM
- WebAssembly - 安裝
- WebAssembly - 編譯到 WASM 的工具
- WebAssembly - 程式結構
- WebAssembly - JavaScript
- WebAssembly - JavaScript API
- WebAssembly - 在 Firefox 中除錯 WASM
- WebAssembly - “Hello World”
- WebAssembly - 模組
- WebAssembly - 驗證
- WebAssembly - 文字格式
- WebAssembly - 將 WAT 轉換為 WASM
- WebAssembly - 動態連結
- WebAssembly - 安全性
- WebAssembly - 使用 C 語言
- WebAssembly - 使用 C++
- WebAssembly - 使用 Rust
- WebAssembly - 使用 Go
- WebAssembly - 使用 Node.js
- WebAssembly - 示例
- WebAssembly 有用資源
- WebAssembly - 快速指南
- WebAssembly - 有用資源
- WebAssembly - 討論
WebAssembly - 安裝
本章將學習如何安裝 Emscripten SDK 來編譯 C/C++ 程式碼。Emscripten 是一個低階虛擬機器 (LLVM),它接收從 C/C++ 生成的位元組碼,並將其編譯成可在瀏覽器中輕鬆執行的 JavaScript 程式碼。
要將 C/C++ 編譯為 WebAssembly,我們首先需要安裝 Emscripten SDK。
安裝 Emscripten SDK
安裝 Emscripten SDK 的步驟如下:
步驟 1 - 克隆 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.
步驟 2 - 進入 emsdk 目錄。
cd emsdk
步驟 3 - 對於 Windows:執行以下命令。(此處應補充 Windows 命令)
emsdk install latest
對於 Linux,此命令將花費一些時間來安裝必要的工具,例如 Java、Python 等。請按照以下程式碼操作:(此處應補充 Linux 命令)
./emsdk install latest
步驟 4 - 要啟用最新的 SDK,請在終端中執行以下命令。
對於 Windows,執行以下命令:(此處應補充 Windows 命令)
emsdk activate latest
對於 Linux,執行以下命令:(此處應補充 Linux 命令)
./emsdk activate latest
步驟 5 - 要啟用 PATH 和其他環境變數,請在終端中執行以下命令。
對於 Windows,執行以下命令:(此處應補充 Windows 命令)
emsdk_env.bat
對於 Linux,執行以下命令:(此處應補充 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 檔案將包含用於獲取 source.wasm 的 API,您可以在瀏覽器中開啟 source.html 檢視輸出。
要僅獲取 wasm 檔案,可以使用以下命令。此命令將只為您提供 source.wasm 檔案。(此處應補充命令)
emcc source.c or source.cpp -s STANDALONE_WASM