WebAssembly编程实践(1.2)Hello World

说明：从今天开始，订阅号“玄说前端”开始转载《C/C++面向wasm编程——Emscripten工程实践》系列教程（名字太长，转载以《WebAssembly编程实践》为题）。

本教程原文地址：https://3dgen.cn/cppwasm-book/。

• 作者：丁尔男，Github @3dgen
• 作者：柴树杉，Github @chai2010，Twitter @chaishushan
• 项目地址：https://github.com/3dgen/cppwasm-book

----------------------------------------------------------------------------------

1.2 你好，世界！

本节将从经典的helloworld例程入手，介绍如何使用Emscripten编译C/C++代码并运行测试。

1.2.1 生成wasm

新建一个名为hello.cc的C源文件，为了正确标识中文字符串，将其保存为UTF8编码：

//hello.cc#include <stdio.h>int main() {    printf("你好，世界！\n");    return 0;
}

进入控制台，使用1.1节中介绍的emsdk_env命令设置Emscripten环境变量后，切换至hello.cc所在的目录，执行：

emcc hello.cc

目录下将得到两个文件：a.out.wasm以及a.out.js。其中a.out.wasm为C源文件编译后形成的WebAssembly汇编文件；a.out.js是Emscripten生成的胶水代码，其中包含了Emscripten的运行环境和wasm的封装，导入a.out.js即可自动完成.wasm载入/编译/实例化、运行时初始化等繁杂的工作。

使用-o选项可以指定emcc的输出文件，执行下列命令：

emcc hello.cc -o hello.js

编译后的成果文件分别为hello.wasm以及hello.js。

1.2.2 在网页中测试

.......略