【Go】【WebAssembly】【wasm】基于go打包的网页wasm_go wasm

作者：Guff_9hys | 2024-07-03 22:28:11

踩

go wasm

基于go语言实现的wasm示例DEMO

基本环境

新建文件
index.js

const fastify = require('fastify')({ logger: true })
const path = require('path')

// Serve the static assets
fastify.register(require('fastify-static'), {
   root: path.join(__dirname, ''),
   prefix: '/'
})

const start = async () => {
   try {
       await fastify.listen(8080, "0.0.0.0")
       fastify.log.info(`server listening on ${fastify.server.address().port}`)

   } catch (error) {
       fastify.log.error(error)
   }
}
start()
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

package.json

{
  "scripts": {
    "dev": "node index.js"
  },
  "dependencies": {
    "fastify": "^3.6.0",
    "fastify-static": "^3.2.1"
  }
}

1
2
3
4
5
6
7
8
9
10

index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>hello</title>
</head>
<body>
hello
</body>
</html>
1
2
3
4
5
6
7
8
9
10

运行 npm run dev
打开http://127.0.0.1:8080
在这里插入图片描述

wasm部分

新建
go.mod

module hello-world

go 1.18

1
2
3
4

main.go

package main

import (
	"syscall/js"
)

func main() {
	message := "声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/Guff_9hys/article/detail/784684

推荐阅读

相关标签