当前位置：网站首页 > 技术分类 > 正文

WebAssembly入门(golang版)

ztj100 2025-01-10 18:40 39 浏览 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原生方法是一样的。

golang copy

上一篇：Rust vs GoLang使用经验比较
下一篇：Golang 删除变量

WebAssembly入门(golang版)

相关推荐

取消回复欢迎你发表评论:

MySQL中这14个小玩意，让人眼前一亮!

旗舰机新标杆 OPPO Find X2系列正式发布售价5499元起

【VueTorrent】一款吊炸天的qBittorrent主题，人人都可用

面试官:使用int类型做加减操作，是线程安全吗

C++编程知识:ToString()字符串转换你用正确了吗?

【Spring Boot】WebSocket 的 6 种集成方式

PyTorch 深度学习实战(26):多目标强化学习Multi-Objective RL

pytorch中的 scatter_()函数使用和详解

与 Java 17 相比，Java 21 究竟有多快?

基于TensorRT_LLM的大模型推理加速与OpenAI兼容服务优化

WebAssembly入门(golang版)

相关推荐

取消回复欢迎 你 发表评论:

MySQL中这14个小玩意，让人眼前一亮!

旗舰机新标杆 OPPO Find X2系列正式发布 售价5499元起

【VueTorrent】一款吊炸天的qBittorrent主题，人人都可用

面试官:使用int类型做加减操作，是线程安全吗

C++编程知识:ToString()字符串转换你用正确了吗?

【Spring Boot】WebSocket 的 6 种集成方式

PyTorch 深度学习实战(26):多目标强化学习Multi-Objective RL

pytorch中的 scatter_()函数使用和详解

与 Java 17 相比，Java 21 究竟有多快?

基于TensorRT_LLM的大模型推理加速与OpenAI兼容服务优化

取消回复欢迎你发表评论:

旗舰机新标杆 OPPO Find X2系列正式发布售价5499元起