分享免费的编程资源和教程

网站首页 > 技术教程 正文

WebAssembly入门(golang版)

goqiw 2025-01-03 15:45:44 技术教程 12 ℃ 0 评论

WebAssembly ( WASM ) 是一种在浏览器或服务器上运行的可移植二进制指令格式。 它的设计考虑了性能和安全性。 WebAssembly 可以从 C/C++、C#、Rust、Go 等其他编程语言编译。

它目标是补充 JavaScript 而不是取代它。 WebAssembly 旨在执行 Web 应用程序的繁重和密集计算任务。 这允许 JavaScript 重新专注于处理浏览器的交互性，并让 WebAssembly 完成繁重的工作。

WASM 最初是为web创建的，它有很多应用场景，比如：图像/视频编辑、游戏、VR、模拟器等等。

借助 WebAssembly 系统接口（ WASI），WASM 开始出现在浏览器之外。 WASM+WASI 有很大的潜力，Docker 联合创始人 Solomon Hykes的推文中写道：


Wasm比linux容器启动时间要快很多，所以在最新版的docker预览版中已经支持wasm。


下面用golang来实现一个简单的wasm。第一种方式使用原生golang，第二种方式使用tinygo

使用原生golang来实现

新建目录wasm，在其下建立go、out两个目录。在go目录中建立main.go文件

package main

import "fmt"

func main() {
	fmt.Println("Hello WASM")
}

在out目录中建立index.html

<!DOCTYPE html>
<html>
    <header>
        <script src="wasm_exec.js"></script>
        <script>
            const go = new Go();
            WebAssembly.instantiateStreaming(
                fetch("main.wasm"), go.importObject
            ).then((result) => go.run(result.instance));
        </script>
    </header>
    <body>
        <p>I'm Hello wasm!</p>
    </body>
</html>

在out目录中执行命令来拷贝原生的wasm_exec.js文件

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

在wasm目录中执行命令来生成main.wasm文件

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

在wasm目录下新建server.go文件：

package main

import (
	"log"
	"net/http"
	"strings"
)

const dir = "./out"

func main() {
	fs := http.FileServer(http.Dir(dir))
	log.Print("Serving " + dir + " on http://localhost:8080")
	http.ListenAndServe(":8080", http.HandlerFunc(func(resp http.ResponseWriter, req *http.Request) {
		resp.Header().Add("Cache-Control", "no-cache")
		if strings.HasSuffix(req.URL.Path, ".wasm") {
			resp.Header().Set("content-type", "application/wasm")
		}
		fs.ServeHTTP(resp, req)
	}))
}

好了，执行go run server.go然后浏览器访问http://localhost:8080即可在console中看到输出的信息。

使用tinygo来实现

原生的golang编译生成的main.wasm文件比较大，不利于网络传输，可以用tinygo来减小体积加速。

不过这时就不能使用原生golang提供的wasm_exec.js文件了，需要使用tinygo提供的wasm_exec.js文件。下载地址如下：

https://github.com/tinygo-org/tinygo/blob/release/targets/wasm_exec.js

然后根据tinygo官方文档https://tinygo.org/getting-started/install/提供的方法安装好tinygo。

在wasm目录下执行：

tinygo build -o out/main.wasm -target wasm ./go/main.go

可以发现main.wasm文件仅为原来的大概八分之一。

其他的步骤和前面使用golang原生方法是一样的。

Tags：

猜你喜欢

本文暂时没有评论，来添加一个吧(●'◡'●)

欢迎 你 发表评论:

最近发表
标签列表