网友回复
webassembly是什么?
webassembly是可以支持在web浏览器或者v8等环境下运行的二进制格式文件。
本文只介绍如何使用golang生成wasm文件,并在浏览器上执行。开始
需要先升级go到1.11版本 编写需要编译成wasm文件的go文件// main.go package main func main() { println("Hello, WebAssembly!") }
执行build命令
GOARCH=wasm GOOS=js go build -o test.wasm main.go
注意这个是在mac或者linux操作系统下执行的命令,在windows下应该设置环境变量再执行编译命令$env:GOARCH="wasm";$env:GOOS="js";
go build -o test.wasm main.go
命令执行完后,后生成test.wasm文件,这个就是可以在浏览器上运行的二进制文件
复制$(go env GOROOT)/misc/wasm/下的wasm_exec.html和wasm_exec.js两个文件到http的服务根目录 在浏览器中打开http://localhost:8080/wasm_exec.html,点击页面中的run按钮,即可看到控制台打印Hello, WebAssembly! 这样我们就已经可以使用go编写一个可以运行在浏览器的程序了如何使用go的js库syscall/js来实现与js的相互调用
1、js调用go的方法
我们下面通过go生成一个webassembly程序暴露sum函数让js调用,代码如下:
// main.go package main import "syscall/js" func sum(args []js.Value) { var sum int for _, val := range args { sum += val.Int() } println(sum) } func registerCallbacks() { js.Global().Set("sum", js.NewCallback(sum)) } func main() { c := make(chan struct{}, 0) println("Hello, WebAssembly!") registerCallbacks() <-c }重新编译后,刷新页面,点击run按钮,就会为window对象挂载一个sum函数,在控制台可以调用
2、go调用js方法
// main.go package main import "syscall/js" func main() { alert := js.Global().Get("alert") alert.Invoke("Hello World!") }
编译生成main.wasm文件
html<html> <script src="static/wasm_exec.js"></script> <script> const go = new Go(); WebAssembly.i...
点击查看剩余70%
腾讯混元模型广场里都是混元模型的垂直小模型,如何api调用?
为啥所有的照片分辨率提升工具都会修改照片上的图案细节?
js如何在浏览器中将webm视频的声音分离为单独音频?
微信小程序如何播放第三方域名url的mp4视频?
ai多模态大模型能实时识别视频中的手语为文字吗?
如何远程调试别人的chrome浏览器获取调试信息?
为啥js打开新网页window.open设置窗口宽高无效?
浏览器中js的navigator.mediaDevices.getDisplayMedia屏幕录像无法录制SpeechSynthesisUtterance产生的说话声音?
js中mediaRecorder如何录制window.speechSynthesis声音音频并下载?
python如何直接获取抖音短视频的音频文件url?