真实世界的 WebAssembly

Posted 2021-04-25 刘祺

本作品采用知识共享署名-非商业性使用 4.0 国际许可协议进行许可。

---

第1章 绪论

1.1 WebAssembly 的开发工具配置

首先您要知道到目前为止 WebAssembly 还没有一个已经编译好即插即用的工具包。以至于我们需要自行编译它的二进制工具包 wabt（The WebAssembly Binary Toolkit），我们默认您已经安装了GCC（Windows 系统下安装了 MinGW）、CMake 和 Git。如果您还没有安装这三个工具，我们是没法构建其开发工具的。

无论您是使用的 Windows 系统还是 Linux 系统（使用 Mac OS 系统的读者请参照 Linux 系统的配置方法）。我们首先都需要把工具包的源码从 GitHub 上拷贝下来。您可以在终端（Windows 系统中称之为控制台）输入以下命令并按回车执行。

git clone --recursive  https://github.com/WebAssembly/wabt

 

或者下载它的 zip 格式的压缩包。总之您需要把这些代码直接拷贝到您的计算机上。接下来我们需要根据这些代码构建一个工程文件，这就用到了我们的 CMake 工具。首先我们在 wabt 项目根目录下简历一个名为 build 的文件夹。如果您在 Linux 系统下可以直接在 build 文件夹中打开一个终端并输入以下命令。

cmake ..

 

如果您使用的是 Windows 系统的用户请使用 cmake-gui 来处理这一步，因为它在 Windows 上的情况用 cmake-gui 处理会方便一些。当然您也可以尝试使用在控制台输入命令的方式，不过要相对繁琐一些。

如果我们出现了一个 Error 请注意看提示信息，如果没有出现 Error，或者只出现了一些 Warning，那么这一步是可以省略的。

Can't find third_party/gtest.   Run git submodule update --init, or disable    with CMake -DBUILD_TESTS=OFF.

这里我们往上找上方标红的部分有一个 BUILD_TESTS ，这里把它后面的勾去掉再次点击 Configure。可能会有一条 Warning 显示：“Error running file on dummy executable”这里我们忽略它就好了。点击 Generate。待出现“Generating done”字样后关闭 CMake。

最后一步 Windows 系统和 Linux 系统都是一样的，都是进入 build 文件夹中在终端或控制台中执行 make 命令，当然 Windows 系统的用户可能是 mingw32-make 这种写法（这取决于您如何配置的 MinGW，有的读者可能一开始就把 mingw32-make 改名为 make 了）。

那么我们会发现在项目根目录中多了一个名为 bin 的文件夹，您只需要添加环境变量 PATH 到这个文件夹，我们的开发工具就配置好了。特别提示，在 Windows 系统中的某些杀毒软件可能会中断编译。如果有必要的话，请暂时退出您的杀毒软件。某些杀毒软件在退出后仍会拦截这一过程。如遇此情况，请反复尝试几次。

---

关于封面: 一些著名的技术出版商都会以较为统一的封面设计来标识自己的系列图书，譬如 O'Reilly 的动物书、Packt 的一张照片以及 Manning 的人像画。所以笔者自己的系列就以知名艺术品作为封面了，所以下回去博物馆就不要只围着《蒙娜丽莎》了。同时笔者也希望大家能够在关注技术的同时，多留意生活中的美。毕竟掌握一两个撩妹/撩汉技巧也是很重要的