WebAssembly入门（Golang版）你学会了吗？ WASM 最初是为web创建的

2024-06-30 20:20:11 [百科] 来源：避面尹邢网

WebAssembly入门（Golang版）你学会了吗？

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

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

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

WebAssembly入门（Golang版）你学会了吗？ WASM 最初是为web创建的

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

WebAssembly入门（Golang版）你学会了吗？ WASM 最初是为web创建的

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

WebAssembly入门（Golang版）你学会了吗？ WASM 最初是为web创建的

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原生方法是一样的。

责任编辑：武晓燕来源：今日头条 WebAssembl浏览器服务器

(责任编辑：休闲)

WebAssembly入门（Golang版）你学会了吗？ WASM 最初是为web创建的

WebAssembly入门（Golang版）你学会了吗？

使用tinygo来实现

友情链接