WASI是一個模塊化的系統界面，旨在為任何符合WASI的運行時構建可運行的.wasm模塊，而不僅僅是為Node.js和Web瀏覽器。盡管WASI仍在開發中并且尚未穩定，但是它可用于某些實驗項目。在本文中，我將分享如何通過移植ZXing C ++使用WASI SDK來構建.wasm條碼讀取器模塊。

點擊下載Dynamsoft Barcode Reader正式版

安裝WASI運行時

Wasmer和Wasmtime都支持WASI。

Wasmer

curl //get.wasmer.io -sSfL | sh

Wasmtime

獲取源代碼并使用Rust編譯器構建wasmtime 。

設置WASI建筑環境

讓我們開始使用wasi-libc。

要構建WASI Libc，您必須使用clang 8或更高版本。如果以前沒有安裝clang，則可能會發現apt軟件存儲庫中未列出最新的clang版本。

解決方法是將“deb //deb.debian.org/debian/testing main” 添加到“/etc/apt/sources.list”并更新源：

sudo apt update

然后可以看到最新的clang 9：

安裝clang 9并創建相關的符號鏈接：

sudo apt install clang-9
sudo ln -s /usr/bin/clang-9 /usr/bin/clang
sudo ln -s /usr/bin/clang++-9 /usr/bin/clang++

現在，我們可以從源代碼構建WASI庫。

如果您只想使用工具鏈，則更方便的方法是安裝wasi-sdk：

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++

為測試創建一個“hello world”程序：

#include  
int main()
{
    printf("hello wasi libc\n");
    return 0;
}

構建代碼：

$ clang - target=wasm32-wasi - sysroot=/opt/wasi-sdk/share/wasi-sysroot/ test.c -o test.wasm

運行應用程序：

wasmer run test.wasm
wasmtime test.wasm

移植ZXing C ++ for WASI SDK

獲取zxing-cpp 的源代碼。

由于當前的WASI libc尚不支持C ++異常，因此我們需要在CMakeLists.txt中添加-fno-exceptions：

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

另外，將sysroot設置如下：

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

為了通過構建，我禁用了所有與C ++異常相關的代碼，并調整了項目結構。

將項目構建為wasm文件：

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

在構建文件夾下運行該應用程序：

$ 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發布和運行Wasm文件

使用init命令生成wapm.toml文件：

$ wapm init zxing_barcode_reader

編輯wapm.toml：

[package]
name = "yushulx/zxing_barcode_reader"
version = "0.1.4"
description = "A barcode reader app built with ZXing C/C++ and wasi-sdk"
readme = "README.md"
repository = "//github.com/yushulx/wasi-zxing-wasm"
 
[[module]]
name = "zxing_barcode_reader"
source = "dist/zxing_barcode_reader.wasm"
abi = "wasi"
 
[[command]]
name = "zxing_barcode_reader"
module = "zxing_barcode_reader"

將程序包發布到wapm.io：

$ wapm login
$ wapm publish

通過wapm安裝軟件包，并從PNG圖像中讀取條形碼：

$ wapm install yushulx/zxing_barcode_reader
$ wapm run zxing_barcode_reader --dir=. test.png

本文內容就是這樣了，希望對您有所幫助！您可以關注我們查看更多相關資訊，或者點擊下載Dynamsoft Barcode Reader正式版體驗一下~

想要購買該產品正版授權，或了解更多產品信息請點擊