将go语言函数编译为webassembly供js调用

2024/2/6 wasmgo

🌙 wasm_go_package

go语言函数编译为webassemblyjs调用

🌙 1.编写go函数

package main
import (
	_ "embed"
	"errors"
	"fmt"
)

func add(args []float64) any {
	if len(args) == 0 {
		return errors.New("参数不能为空!")
	}
	return args[0] + args[1]
}

func main() {
	fmt.Println(add([]float64{1, 2}))
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

🌙 2.改造代码

// 1.新增编译头文件(固定写法)
//go:build js && wasm
// +build js,wasm

package main

import (
	"errors"
	// 2.引入go webassembly编译库
	"syscall/js"
)

// 3.改造go函数
func add(this js.Value, args []js.Value) any {
	if len(args) == 0 {
		return errors.New("参数不能为空!")
	}
	x := args[0].Float()
	y := args[1].Float()
	return x+y
}

// 4.挂载全局变量,并且挂起
func main() {
	js.Global().Set("add", js.FuncOf(add))
	// 阻塞挂起
	<-make(chan any)
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28

🌙 3.开始编译

GOOS=js GOARCH=wasm go build -o test.wasm test/main.go
1

执行上述命令之后,在当前目录下会生成test.wasm代码,并且会在go安装目录下的misc/wasm文件夹生成wasm_exec.htmlwasm_exec.js等代码。

enjoy:)

源码 (opens new window):https://github.com/Keekuun/wasm_go_package

推荐阅读: WebAssembly入门课 (opens new window)

如何编译Go代码生成WebAssembly (opens new window)