Go WebAssembly 入门

最新推荐文章于 2023-09-10 17:23:04 发布

_李少侠_

最新推荐文章于 2023-09-10 17:23:04 发布

阅读量1.8k

点赞数

分类专栏： Golang WebAssembly 文章标签： golang wasm

本文链接：https://blog.csdn.net/weixin_45804031/article/details/127741426

版权

Golang 同时被 2 个专栏收录

13 篇文章 1 订阅

订阅专栏

WebAssembly

2 篇文章 0 订阅

订阅专栏

WebAssembly 可以将其他语言C/Go/Rust等语言编译成wasm可执行二进制文件，然后通过浏览器来执行wasm。

本文以 Go 语言为例，介绍 WebAssembly 入门。

1、编写 main.go 文件，在 Go 代码中获取js对象，执行 js 代码。

引入syscall/js，通过js.Global().Get()获取js对象。
js.Global().Get()既可以获取函数、也可以获取DOM元素。类型是js.Value。
如：js.Global().Get(“alert”)

package main

import (
	"fmt"
	"syscall/js"
)

func main() {
	fmt.Println("Hello, Go WebAssembly!")
    alert := js.Global().Get("alert")
    alert.Invoke("Hello, Go WebAssembly!")
}

2、把 main.go 构建成wasm二进制文件

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

3、把JavaScript依赖拷贝到当前路径

cp "$(go env GOROOT)/misc/wasm/wasm_exec.js" .

4、创建index.html，并引入wasm_exec.js，调用第二步构建的lib.wasm

<html>
     <head>
         <meta charset="utf-8">
         <script src="wasm_exec.js"></script>
         <script>
             const go = new Go();
             WebAssembly.instantiateStreaming(fetch("lib.wasm"), go.importObject).then((result) => {
                 go.run(result.instance);
             });
         </script>
     </head>
     <body>
     </body>
</html>

5、创建 server.go 监听8080端口，serve当前路径

package main

import (
        "net/http"
        "log"
)

func main() {
	err := http.ListenAndServe(":8080", http.FileServer(http.Dir(".")))
    log.Fatalln(err)
}