WebAssembly入门(Golang版)你学会了吗?
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文件
在out目录中建立index.html
在out目录中执行命令来拷贝原生的wasm_exec.js文件
在wasm目录中执行命令来生成main.wasm文件
在wasm目录下新建server.go文件:
好了,执行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目录下执行:
可以发现main.wasm文件仅为原来的大概八分之一。
其他的步骤和前面使用golang原生方法是一样的。
相关文章
- Jgit的使用笔记
- 利用Github Action实现Tornadofx/JavaFx打包
- 叹息!GitHub Trending 即将成为历史!
- 微软软了?开源社区讨论炸锅,GitHub CEO 亲自来答
- GitHub Trending 列表频现重复项,前后端都没去重?
- Photoshop Elements 2021版本软件安装教程(mac+windows全版本都有)
- (ps全版本)Photoshop 2020的安装与破解教程(mac+windows全版本都有)
- (ps全版本)Photoshop cc2018的安装与破解教程(mac+windows全版本,包括2023
- 环境搭建:Oracle GoldenGate 大数据迁移到 Redshift/Flat file/Flume/Kafka测试流程
- 每个开发人员都要掌握的:最小 Linux 基础课
- 来撸羊毛了!Windows 环境下 Hexo 博客搭建,并部署到 GitHub Pages
- 超实用!手把手入门 MongoDB:这些坑点请一定远离
- 【GitHub日报】22-10-09 zustand、neovim、webtorrent、express 等4款App今日上新
- 【GitHub日报】22-10-10 brew、minio、vite、seaweedfs、dbeaver 等8款App今日上新
- 【GitHub日报】22-10-11 cobra、grafana、vue、ToolJet、redwood 等13款App今日上新
- Photoshop 2018 下载及安装教程(mac+windows全版本都有,包括最新的2023)
- Photoshop 2017 下载及安装教程(mac+windows全版本都有,包括最新的2023)
- Photoshop 2020 下载及安装教程(mac+windows全版本都有,包括最新的2023)
- Photoshop 2023 资源免费下载(mac+windows全版本都有,包括最新的2023)
- 最新版本Photoshop CC2018软件安装教程(mac+windows全版本都有,包括2023