WebAssembly入门(golang版)
ztj100 2025-01-10 18:40 17 浏览 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原生方法是一样的。
- 上一篇：Rust vs GoLang使用经验比较
- 下一篇：Golang 删除变量
相关推荐
- Whoosh，纯python编写轻量级搜索工具
-
引言在许多应用程序中，搜索功能是至关重要的。Whoosh是一个纯Python编写的轻量级搜索引擎库，可以帮助我们快速构建搜索功能。无论是在网站、博客还是本地应用程序中，Whoosh都能提供高效的全文搜...
- 如何用Python实现二分搜索算法（python二分法查找代码）
-
如何用Python实现二分搜索算法二分搜索（BinarySearch）是一种高效的查找算法，适用于在有序数组中快速定位目标值。其核心思想是通过不断缩小搜索范围，每次将问题规模减半，时间复杂度为(O...
- 路径扫描 -- dirsearch（路径查找器怎么使用）
-
外表干净是尊重别人，内心干净是尊重自己，干净，在今天这个时代，应该是一种极高的赞美和珍贵。。。----网易云热评一、软件介绍Dirsearch是一种命令行工具，可以强制获取web服务器中的目录和文件...
- 78行Python代码帮你复现微信撤回消息!
-
来源：悟空智能科技本文约700字，建议阅读5分钟。本文基于python的微信开源库itchat，教你如何收集私聊撤回的信息。...
- 从零开始学习 Python!2《进阶知识》 Python进阶之路
-
欢迎来到Python学习的进阶篇章！如果你说已经掌握了基础语法，那么这篇就是你开启高手之路的大门。我们将一起探讨面向对象编程...
- 白帽黑客如何通过dirsearch脚本工具扫描和收集网站敏感文件
-
一、背景介绍...
- Python之txt数据预定替换word预定义定位标记生成word报告(四)
-
续接Python之txt数据预定替换word预定义定位标记生成word报告（一）https://mp.toutiao.com/profile_v4/graphic/preview?pgc_id=748...
- Python——字符串和正则表达式中的反斜杠('\')问题详解
-
在本篇文章里小编给大家整理的是关于Python字符串和正则表达式中的反斜杠('\')问题以及相关知识点，有需要的朋友们可以学习下。在Python普通字符串中在Python中，我们用'\'来转义某些普通...
- Python re模块:正则表达式综合指南
-
Python...
- python之re模块（python re模块sub）
-
re模块一.re模块的介绍1.什么是正则表达式"定义:正则表达式是一种对字符和特殊字符操作的一种逻辑公式，从特定的字符中，用正则表达字符来过滤的逻辑。(也是一种文本模式；)2、正则表达式可以帮助我们...
- MySQL、PostgreSQL、SQL Server 数据库导入导出实操全解
-
在数字化时代，数据是关键资产，数据库的导入导出操作则是连接数据与应用场景的桥梁。以下是常见数据库导入导出的实用方法及代码，包含更多细节和特殊情况处理，助你应对各种实际场景。一、MySQL数据库...
- Zabbix监控系统系列之六:监控 mysql
-
zabbix监控mysql1、监控规划在创建监控项之前要尽量考虑清楚要监控什么，怎么监控，监控数据如何存储，监控数据如何展现，如何处理报警等。要进行监控的系统规划需要对Zabbix很了解，这里只是...
- mysql系列之一文详解Navicat工具的使用(二)
-
本章内容是系列内容的第二部分，主要介绍Navicat工具的使用。若查看第一部分请见：...
欢迎 你 发表评论:
- 一周热门
- 最近发表
-
- Whoosh，纯python编写轻量级搜索工具
- 如何用Python实现二分搜索算法（python二分法查找代码）
- 路径扫描 -- dirsearch（路径查找器怎么使用）
- 78行Python代码帮你复现微信撤回消息!
- 从零开始学习 Python!2《进阶知识》 Python进阶之路
- 白帽黑客如何通过dirsearch脚本工具扫描和收集网站敏感文件
- Python之txt数据预定替换word预定义定位标记生成word报告(四)
- 假期苦短，我用Python!这有个自动回复拜年信息的小程序
- Python——字符串和正则表达式中的反斜杠('\')问题详解
- Python re模块:正则表达式综合指南
- 标签列表
-
- idea eval reset (50)
- vue dispatch (70)
- update canceled (42)
- order by asc (53)
- spring gateway (67)
- 简单代码编程 贪吃蛇 (40)
- transforms.resize (33)
- redisson trylock (35)
- 卸载node (35)
- np.reshape (33)
- torch.arange (34)
- node卸载 (33)
- npm 源 (35)
- vue3 deep (35)
- win10 ssh (35)
- exceptionininitializererror (33)
- vue foreach (34)
- idea设置编码为utf8 (35)
- vue 数组添加元素 (34)
- std find (34)
- tablefield注解用途 (35)
- python str转json (34)
- java websocket客户端 (34)
- tensor.view (34)
- java jackson (34)