Go WebAssembly 入门（二）

系列文章 Go WebAssembly 入门（一）

Getting Started

编写main.go

package main

import (
  "strconv"
  "syscall/js"
)
// 传入value1, value2, result三个元素的id，将value1+value2结果赋给result元素
func add(ids []js.Value) {
  // 根据id获取输入值
  value1 := js.Global().Get("document").Call("getElementById", ids[0].String()).Get("value").String()
  value2 := js.Global().Get("document").Call("getElementById", ids[1].String()).Get("value").String()
 
  int1, _ := strconv.Atoi(value1)
  int2, _ := strconv.Atoi(value2)
  // 将相加结果set给result元素
  js.Global().Get("document").Call("getElementById", ids[2].String()).Set("value", int1+int2)
}

// 添加监听事件
func registerCallbacks() {
  js.Global().Set("add", js.NewCallback(add))
}

func main() {
  c := make(chan struct{}, 0)
  println("Go WebAssembly Initialized!")
  registerCallbacks()

  <-c
}

将main.go编译成lib.wasm

GOOS=js GOARCH=wasm go build -o lib.wasm main.go

在index.html中调用lib.wasm

  
    
    
    
  
  
    
    
    add
    
  

打开server，在浏览器打开即可调用WebAssembly二进制文件执行。

go run server.go

示例代码GitHub

• https://github.com/wlchn/go-webassembly

reference

• https://tutorialedge.net/golang/go-webassembly-tutorial/