Emscripten SDK 安装与使用教程-CSDN博客

本文链接：https://blog.csdn.net/gitblog_01124/article/details/142807166

Emscripten SDK 安装与使用教程

项目地址:https://gitcode.com/gh_mirrors/ems/emsdk

1. 项目介绍

Emscripten SDK 是一个强大的工具链，用于将 C/C++ 代码编译成 WebAssembly 和 JavaScript，使得开发者可以在网页上运行高性能的应用程序。它提供了一个独立的 SDK，包含所有必需的工具，如 Clang、Python 和 Node.js，以及一个更新机制，以便轻松迁移到新版本的 Emscripten。

2. 项目快速启动

安装 Emscripten SDK

克隆仓库：

git clone https://github.com/juj/emsdk.git
cd emsdk

安装最新版本：

./emsdk install latest
./emsdk activate latest

设置环境变量：
- Linux/macOS：
```
source ./emsdk_env.sh
```
- Windows：
```
.\emsdk_env.bat
```

编译示例代码

创建一个简单的 C 文件 hello.c：

#include <stdio.h>

int main() {
    printf("Hello, World!\n");
    return 0;
}

使用 Emscripten 编译：
```
emcc hello.c -o hello.js
```
运行生成的 JavaScript 文件：
- 使用 Node.js：
```
node hello.js
```
- 在浏览器中运行：将 hello.html 文件内容替换为以下代码，并在浏览器中打开该文件。
```
<!DOCTYPE html>
<html>
<body>
<script src="hello.js"></script>
</body>
</html>
```

3. 应用案例和最佳实践

应用案例

游戏开发：将现有的 C/C++ 游戏引擎编译成 WebAssembly，在浏览器中运行高性能游戏。
图像处理：利用 WebAssembly 的高性能特性，在网页上进行复杂的图像处理任务。
科学计算：将科学计算库编译成 WebAssembly，实现在线数据分析。

最佳实践

优化编译选项：使用 -O3 优化级别提升性能，使用 --closure 1 进行代码压缩。
```
emcc hello.c -O3 --closure 1 -o hello.js
```
内存管理：合理分配和管理 WebAssembly 内存，避免内存泄漏。
调试与日志：使用 EMCC_DEBUG=1 进行调试，查看详细的编译日志。
```
EMCC_DEBUG=1 emcc hello.c -o hello.js
```