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

點(diǎn)擊下載Dynamsoft Barcode Reader正式版

安裝WASI運(yùn)行時(shí)

Wasmer和Wasmtime都支持WASI。

Wasmer

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

Wasmtime

獲取源代碼并使用Rust編譯器構(gòu)建wasmtime 。

設(shè)置WASI建筑環(huán)境

讓我們開始使用wasi-libc。

要構(gòu)建WASI Libc，您必須使用clang 8或更高版本。如果以前沒有安裝clang，則可能會(huì)發(fā)現(xiàn)apt軟件存儲(chǔ)庫中未列出最新的clang版本。

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

sudo apt update

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

安裝clang 9并創(chuàng)建相關(guān)的符號(hào)鏈接：

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

現(xiàn)在，我們可以從源代碼構(gòu)建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++

為測試創(chuàng)建一個(gè)“hello world”程序：

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

構(gòu)建代碼：

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

運(yùn)行應(yīng)用程序：

wasmer run test.wasm
wasmtime test.wasm

移植ZXing C ++ for WASI SDK

獲取zxing-cpp 的源代碼。

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

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

另外，將sysroot設(shè)置如下：

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

為了通過構(gòu)建，我禁用了所有與C ++異常相關(guān)的代碼，并調(diào)整了項(xiàng)目結(jié)構(gòu)。

將項(xiàng)目構(gòu)建為wasm文件：

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

在構(gòu)建文件夾下運(yùn)行該應(yīng)用程序：

$ 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發(fā)布和運(yùn)行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"

將程序包發(fā)布到wapm.io：

$ wapm login
$ wapm publish

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

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

本文內(nèi)容就是這樣了，希望對(duì)您有所幫助！您可以關(guān)注我們查看更多相關(guān)資訊，或者點(diǎn)擊下載Dynamsoft Barcode Reader正式版體驗(yàn)一下~

想要購買該產(chǎn)品正版授權(quán)，或了解更多產(chǎn)品信息請(qǐng)點(diǎn)擊