成人免费xxxxx在线视频软件_久久精品久久久_亚洲国产精品久久久_天天色天天色_亚洲人成一区_欧美一级欧美三级在线观看

WebAssembly入門（Golang版）你學會了嗎？

作者：浩仔浩仔
系統 瀏覽器
?WebAssembly ( WASM ) 是一種在瀏覽器或服務器上運行的可移植二進制指令格式。 它的設計考慮了性能和安全性。 WebAssembly 可以從 C/C++、C#、Rust、Go 等其他編程語言編譯。

?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原生方法是一樣的。

責任編輯：武曉燕 來源： 今日頭條
WebAssembl瀏覽器服務器
相關推薦

2023-03-30 08:26:31

DNSTCPUDP

2022-10-24 09:55:32

ESLintJavaScript

2023-03-31 08:16:39

CDN網絡數據

2023-04-14 09:04:07

測試TDBF單元測試

2023-03-10 22:08:20

2024-01-19 08:25:38

死鎖Java通信

2024-02-04 00:00:00

Effect數據組件

2023-07-26 13:11:21

ChatGPT平臺工具

2023-01-10 08:43:15

定義DDD架構

2023-08-01 12:51:18

WebGPT機器學習模型

2024-01-02 12:05:26

Java并發編程

2023-10-10 11:04:11

Rust難點內存

2024-05-06 00:00:00

InnoDBView隔離

2023-01-30 09:01:54

圖表指南圖形化

2024-07-31 08:39:45

Git命令暫存區

2023-12-12 08:02:10

2022-07-08 09:27:48

CSSIFC模型

2024-08-06 09:47:57

2024-03-01 08:13:45

Shell編程解釋器

2022-09-27 23:10:31

SSD硬盤元器件
點贊
收藏

51CTO技術棧公眾號

主站蜘蛛池模板： 国产欧美综合在线 | 天天干天天爽 | 成人免费看 | 亚洲欧洲小视频 | 久久久精品国产 | 97超碰人人草| 免费a v网站 | 国产99久久精品一区二区300 | 亚洲国产精品一区二区三区 | 在线亚洲精品 | 美日韩免费视频 | 成人亚洲精品久久久久软件 | 懂色av色香蕉一区二区蜜桃 | 欧美午夜精品久久久久久浪潮 | 亚洲伊人a | 成人免费一区二区三区牛牛 | 久久久久国产精品一区二区 | 国产伦精品一区二区三区高清 | 999久久久 | 中文字幕一区二区三区不卡 | 亚洲欧美在线视频 | 欧美a v在线 | 国产精品亚洲一区二区三区在线观看 | 在线观看免费av网 | 欧美一区二区在线播放 | 久久99国产精一区二区三区 | 国产一区二区三区四区 | 久久久久久久久久久福利观看 | 国产一区欧美 | 久久国内精品 | 亚洲精品在线观看视频 | 一级毛片观看 | 欧美另类视频在线 | 亚洲一区视频在线 | 在线视频91| 久久亚洲精品视频 | 亚洲成人免费视频 | 嫩草网| 精品久久中文 | 国产91一区二区三区 | 久久一级免费视频 |