wasm模块的异步加载运行机制进行了封装使我们可以非常方便的在CabloyJS项目中引入go

wasm模块并运行需要哪几个步骤

请直接打开此演示页面https://test.cabloy.com/#!/test/party/wasm_go

准备工作

https://cabloy.com/zh-cn/articles/guide-quick-start.html

安装test-party演示套件参见

https://store.cabloy.com/zh-cn/articles/test-party.html

开发一个go

src/suite-vendor/test-party/modules/test-party/front/src/assets/wasm/demo.go

package

js.Global().Get(alert)alert.Invoke(alert!)

js.Global().Get(“alert”)获取网页中的window.alert方法

2.2

src/suite-vendor/test-party/modules/test-party/front/src/assets/wasm/

GOOSjs

demo.go更详细说明请参见go官方文档https://github.com/golang/go/wiki/WebAssembly

加载并运行wasm

测试模块test-party提供了一个演示页面页面路径为http://localhost:9092/#!/test/party/wasm_go

3.1

src/suite/test-party/modules/test-party/front/src/pages/wasm_go.jsx

import

this.$meta.util.performAction({

ctx:

this.$meta.util.performAction({

ctx:

},内置模块a-wasmgo是异步模块提供了一个sdk组件用于封装异步加载并运行wasm的逻辑。

因此需要通过调用performAction方法异步加载a-wasmgo模块并调用其中的方法

第二步调用performAction异步加载demo.wasm模块

3.2

src/suite/test-party/modules/test-party/front/src/pages/wasm_go.jsx

import

this.$meta.util.performAction({

ctx:

},调用performAction时直接传入demo.wasm模块从而一次完成加载与运行的逻辑

附performAction说明

名称说明actionModule模块名称此处为a-wasmgoactionComponent模块提供的组件此处为sdkname需要调用的方法名称此处有以下可选值go/loadWasm/run

item

名称说明sourcewasm模块的url地址此处为wasmDemo指向../assets/wasm/demo.wasm

相关链接

https://github.com/zhennann/cabloy