【Golang星辰图】Go语言与WebAssembly的完美结合：解锁高性能的Web应用开发

最新推荐文章于 2024-09-11 13:18:09 发布

2401_87019103

最新推荐文章于 2024-09-11 13:18:09 发布

阅读量843

点赞数 10

文章标签： golang wasm 前端

本文链接：https://blog.csdn.net/2401_87019103/article/details/142007600

版权

+ - [4.1 概述](#41__212)
	- [4.2 特性](#42__215)
	- [4.3 示例代码](#43__218)
+ [5. wagon](#5_wagon_278)
+ - [5.1 概述](#51__280)
	- [5.2 特性](#52__283)
	- [5.3 示例代码](#53__286)
+ [6. tinygo](#6_tinygo_335)
+ - [6.1 概述](#61__337)
	- [6.2 特性](#62__340)
	- [6.3 示例代码](#63__343)
	- [总结](#_383)

1. syscall/js

1.1 概述

syscall/js库提供了Go与JavaScript之间的桥接功能，使得编译为WebAssembly的Go程序能够与JavaScript代码进行交互并操作DOM。

1.2 特性

syscall/js库允许Go程序调用JavaScript函数、操作DOM元素并与JavaScript代码进行交互。它提供了将Go值转换为JavaScript值以及处理JavaScript事件的能力。

1.3 示例代码

package main

import (
    "syscall/js"
)

func main() {
    // 获取全局的JavaScript对象
    global := js.Global()

    // 在控制台打印一条消息
    global.Get("console").Call("log", "Hello, WebAssembly!")

    // 创建一个HTML元素并添加到body中
    document := global.Get("document")
    body := document.Get("body")
    div := document.Call("createElement", "div")
    div.Set("innerText", "Hello, WebAssembly!")
    body.Call("appendChild", div)
    
    // 使用JavaScript的定时器调用Go函数
    js.Global().Call("setInterval", js.FuncOf(myGoFunction), 1000)

    // 阻塞当前Go程序的执行
    select {}
}

// 定义一个Go函数，将被JavaScript定时器调用
func myGoFunction(this js.Value, args []js.Value) interface{} {
    // 在控制台打印一条消息
    js.Global().Get("console").Call("log", "Hello from Go!")
    return nil
}

以上示例代码演示了如何使用syscall/js库在Go程序中与JavaScript进行交互。程序中使用了js.Global()函数获取全局的JavaScript对象，然后调用JavaScript的console.log方法在浏览器的控制台打印一条消息。接下来，通过调用JavaScript的document.createElement和document.appendChild方法创建一个新的div元素，并将其添加到body中。然后，使用JavaScript的setInterval方法调用一个Go函数，该函数会在每隔一秒钟被调用一次，并在控制台打印一条消息。最后，使用select {}语句阻塞当前Go程序的执行，以保持程序运行。

2. wasm

2.1 概述

wasm库提供了直接访问WebAssembly功能的低级API。通过该库，可以加载和实例化WebAssembly模块，并与WebAssembly导出的函数进行交互。

2.2 特性

wasm库允许在Go中加载和执行WebAssembly模块，调用从WebAssembly导出的函数，并操作WebAssembly的内存。它提供了对WebAssembly模块和实例的底层控制。

2.3 示例代码

package main

import (
    "fmt"
    "syscall/js"
    "github.com/wasmerio/wasmer-go/wasmer"
)

func main() {
    // 读取WebAssembly模块的二进制数据
    wasmBytes := []byte{
        // WebAssembly二进制数据
    }

    // 创建WebAssembly模块
    module, err := wasmer.NewModule(wasmBytes)
    if err != nil {
        fmt.Println("Failed to create module:", err)
        return
    }

    // 创建WebAssembly实例
    instance, err := wasmer.NewInstance(module)
    if err != nil {
        fmt.Println("Failed to create instance:", err)
        return
    }

    // 导出WebAssembly函数
    add := instance.Exports["add"]

    // 调用WebAssembly函数
    result, err := add(2, 3)
    if err != nil {
        fmt.Println("Failed to call add function:", err)
        return
    }

    fmt.Println("Result:", result)
}

以上示例代码演示了如何使用wasm库加载和执行WebAssembly模块。程序中通过创建一个新的wasmer.Module实例，并使用WebAssembly模块的二进制数据进行初始化。然后，通过创建一个wasmer.Instance实例，将WebAssembly模块实例化。使用instance.Exports来导出WebAssembly模块中的函数，并将其赋值给变量add。最后，通过调用add函数并传递参数来调用WebAssembly函数，并将结果打印到控制台。

请注意，示例代码中的WebAssembly二进制数据部分需要替换为实际的WebAssembly模块二进制数据。

请确保在使用wasm库之前，已经安装了wasmer-go库，并为Go程序启用了Go Modules。

以上示例代码演示了如何使用wasm库加载和执行WebAssembly模块。

3. go-llvm

3.1 概述

go-llvm库允许从Go直接生成LLVM IR（Intermediate Representation）代码，可以使用LLVM工具将其编译为WebAssembly格式。

3.2 特性

go-llvm库通过将Go代码转换为LLVM IR，为Go开发者提供了将代码编译为WebAssembly的能力。它使得Go开发者可以利用LLVM的优化和工具链进行WebAssembly的生成和优化。

3.3 示例代码

package main

import (
	"fmt"
	"github.com/go-llvm/llvm"
	"os"
)

func main() {
	// 初始化LLVM环境
	llvm.InitializeAllTargets()
	llvm.InitializeAllTargetMCs()
	llvm.InitializeAllAsmPrinters()

	// 创建生成IR的上下文和模块
	context := llvm.NewContext()
	module := llvm.NewModule("my\_module")

	// 创建主函数
	mainFuncType := llvm.FunctionType(llvm.Int32Type(), nil, false)
	mainFunc := llvm.AddFunction(module, "main", mainFuncType)

	// 创建main函数的基本块
	entry := llvm.AddBasicBlock(mainFunc, "entry")
	builder := llvm.NewBuilder()
	builder.SetInsertPointAtEnd(entry)

	// 在主函数中打印一条消息
	const helloStr = "Hello, WebAssembly!"
	fmtStr := llvm.ConstString(helloStr, true)
	fmtPtr := builder.CreateGlobalStringPtr("fmt", "fmt")
	printfFunc := createPrintfFunc(module)
	builder.CreateCall(printfFunc, []llvm.Value{fmtPtr, fmtStr}, "")

	// 在主函数中返回0
	builder.CreateRet(llvm.ConstInt(llvm.Int32Type(), 0, false))

	// 生成WebAssembly IR文件
	filename := "output.ll"
	err := llvm.VerifyModule(module, llvm.PrintMessageAction)
	if err == nil {
		err = llvm.WriteBitcodeToFile(module, filename)
		if err == nil {
			fmt.Println("WebAssembly IR generated successfully")
		}
	}

	// 清理
	builder.Dispose()
	context.Dispose()
}

func createPrintfFunc(module llvm.Module) llvm.Value {
	// 创建printf函数类型
	varArgsFuncType := llvm.FunctionType(llvm.VoidType(), []llvm.Type{llvm.PointerType(llvm.Int8Type(), 0)}, true)

	// 检查模块中是否已存在printf函数
	if printfFunc := module.NamedFunction("printf"); !printfFunc.IsNil() {
		return printfFunc
	}

	// 如果模块中不存在printf函数，创建一个新的printf函数
	return llvm.AddFunction(module, "printf", varArgsFuncType)
}

以上示例代码演示了如何使用go-llvm库生成LLVM IR代码，并将其编译为WebAssembly。代码中使用llvm.NewContext()初始化LLVM环境，然后创建一个新的模块(module)来容纳IR代码。通过使用llvm.AddFunction()函数创建主函数(main)，并创建基本块和构建器(builder)。在主函数中，使用llvm.ConstString()创建要打印的字符串常量，然后使用createPrintfFunc()创建printf函数，并通过builder.CreateCall()调用该函数来打印字符串。最后，builder.CreateRet()创建函数返回指令，并指定返回值为0。使用llvm.VerifyModule()验证模块的正确性，并使用llvm.WriteBitcodeToFile()将模块写入WebAssembly IR文件(output.ll)。

运行程序时，它将在控制台打印出"WebAssembly IR generated successfully"消息，表示WebAssembly IR代码已成功生成。

请注意，在实际使用中，仍然需要使用LLVM工具链将生成的WebAssembly IR代码编译为WebAssembly二进制模块。

4. wasmer-go

4.1 概述

wasmer-go库是Wasmer运行时的Go API。Wasmer是一个独立的WebAssembly运行时，支持在各种环境中运行WebAssembly模块。

4.2 特性

wasmer-go库允许在Go程序中加载和执行WebAssembly模块，并与其进行交互。它提供了在运行WebAssembly模块时的控制和错误处理功能。

4.3 示例代码

package main

import (
    "fmt"
    "github.com/wasmerio/wasmer-go/wasmer"
)

func main() {
    // 读取WebAssembly模块的二进制数据
    wasmBytes := []byte{
        // WebAssembly二进制数据
    }

    // 创建WebAssembly引擎
    engine := wasmer.NewEngine()

    // 创建WebAssembly实例
    store := wasmer.NewStore(engine)
    module, err := wasmer.NewModule(store, wasmBytes)
    if err != nil {
        fmt.Println("Failed to create module:", err)
        return
    }

    // 实例化WebAssembly模块
    instance, err := wasmer.NewInstance(module, nil)
    if err != nil {
        fmt.Println("Failed to instantiate module:", err)
        return
    }

    // 获取WebAssembly导出函数
    add, err := instance.Exports.GetFunction("add")
    if err != nil {
        fmt.Println("Failed to get export function:", err)
        return
    }

    // 调用WebAssembly函数
    result, err := add(2, 3)
    if err != nil {
        fmt.Println("Failed to call export function:", err)


![img](https://img-blog.csdnimg.cn/img_convert/a83a6962ed6fe1929551f9ed6775ddb0.png)
![img](https://img-blog.csdnimg.cn/img_convert/3f85f829aabcd66fdf77311cdcaeff81.png)

**网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。**

加入社区》https://bbs.csdn.net/forums/4304bb5a486d4c3ab8389e65ecb71ac0
:= add(2, 3)
    if err != nil {
        fmt.Println("Failed to call export function:", err)


[外链图片转存中...(img-H8PJOCjx-1725736384393)]
[外链图片转存中...(img-SpdZIgWr-1725736384393)]

**网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。**

加入社区》https://bbs.csdn.net/forums/4304bb5a486d4c3ab8389e65ecb71ac0

2401_87019103

关注

10
点赞
踩
20

收藏

觉得还不错? 一键收藏
0
评论
【Golang星辰图】Go语言与WebAssembly的完美结合：解锁高性能的Web应用开发

syscall/js库提供了Go与JavaScript之间的桥接功能，使得编译为WebAssembly的Go程序能够与JavaScript代码进行交互并操作DOM。wasm库提供了直接访问WebAssembly功能的低级API。通过该库，可以加载和实例化WebAssembly模块，并与WebAssembly导出的函数进行交互。go-llvm库允许从Go直接生成LLVM IR（Intermediate Representation）代码，可以使用LLVM工具将其编译为WebAssembly格式。
复制链接

扫一扫