如何通过WASI SDK 在Linux上编译ZXing C++

Mozilla在今年三月份的时候公布了WASI。WASI的目标就是让WebAssembly在任何地方都可以运行，而不仅仅像现在这样只能运行在Node.js和Web浏览器中。WASI目前依然处于初级阶段，这篇文章分享下如何把ZXing C++通过WASI Libc编译成wasm文件。

支持WASI运行时的工具

现在可以用wasmer和wasmtime通过命令行来运行支持wasi的wasm文件。wasmer提供了安装包，而wasmtime只能通过源码来编译。两个工具都支持windows, Linux和macOS。

编译ZXing C++

下载最新的WASI-SDK。这个安装包中已经自带了clang，所以不需要单独安装clang。

设置环境变量：

sudo dpkg -i wasi-sdk_7.0_amd64.deb
export PATH=/opt/wasi-sdk/bin:$PATH
export CC=/opt/wasi-sdk/bin/clang
export CXX=/opt/wasi-sdk/bin/clang++

从GitHub上下载一份ZXing C++的源码。

接下来要对工程结构做一些修改。首先在example中的CMakeLists.txt文件里设置sysroot:

set (CMAKE_SYSROOT /opt/wasi-sdk/share/wasi-sysroot)

因为目前的wasi-libc不支持C++的异常处理，所以要加上-fno-exceptions:

set (CMAKE_CXX_FLAGS “${CMAKE_CXX_FLAGS} — target=wasm32-wasi -Wall -Wextra -fno-exceptions”)

要编译的文件包含了scan_image.cpp以及ZXing相关的源码文件。把他们整合在一起。然后去掉所有源码中的异常处理代码。

编译工程：

mkdir build
cd build
cmake ..
cmake --build .

接下来就可以运行wasm文件了：

在这里插入图片描述

$ wasmer run zxing_barcode_reader.wasm — dir=$(pwd)/../ $(pwd)/../test.png
Text: MEBKM:URL:http\://en.wikipedia.org/wiki/Main_Page;;
Format: QR_CODE
Position: 190x367 205x162 422x165 405x342
EC Level: M

$ wasmtime zxing_barcode_reader.wasm — dir=$(pwd)/../ $(pwd)/../test.png
Text: MEBKM:URL:http\://en.wikipedia.org/wiki/Main_Page;;
Format: QR_CODE
Position: 190x367 205x162 422x165 405x342
EC Level: M

通过wapm发布之后也可以用wapm来运行：

在这里插入图片描述