使用創建好的 WebAssembly 代碼 · Mastering_Go_Second_Edition_Zh_CN

### 使用創建好的 WebAssembly 代碼到目前為止，我們只生成了一個 WebAssembly 二進制文件。所以，你仍然需要采取一些步驟，才能使用該 WebAssembly 二進制文件并在 Web 瀏覽器的窗口中查看其結果。如果你使用**Google Chrome 瀏覽器**，則有一個標志可讓你啟用 Liftoff，Liftoff 是 WebAssembly 的編譯器，從理論上講，它可以提高 WebAssembly 代碼的運行效率。嘗試以下沒什么副作用，你可以訪問 chrome:// flags/＃enable-webassembly-baseline 來開啟它。第一步是將`main.wasm`復制到 Web 服務器的目錄中。接下來，你將需要執行以下命令： ```shell $ cp "$(go env GOROOT)/misc/wasm/wasm_exec.js" . ``` 這會將 Go 安裝的`wasm_exec.js`復制到當前目錄中。你應該將該文件放在與`main.wasm`相同的 Web 服務器目錄中。這里用到的`index.html`的代碼： ```html <html> <head> <meta charset="utf-8" /> <title>Go and WebAssembly</title> </head> <body> <script src="wasm_exec.js"></script> <script> if (!WebAssembly.instantiateStreaming) { // polyfill WebAssembly.instantiateStreaming = async (resp, importObject) => { const source = await (await resp).arrayBuffer() return await WebAssembly.instantiate(source, importObject) } } const go = new Go() let mod, inst WebAssembly.instantiateStreaming(fetch('main.wasm'), go.importObject) .then(result => { mod = result.module inst = result.instance document.getElementById('runButton').disabled = false }) .catch(err => { console.error(err) }) async function run() { console.clear() await go.run(inst) inst = await WebAssembly.instantiate(mod, go.importObject) } </script> <button onClick="run();" id="runButton" disabled>Run</button> </body> </html> ``` 請注意，由 HTML 代碼創建的`Run`按鈕只有在 WebAssembly 代碼加載完成的情況下點擊有效。下圖顯示了 WebAssembly 代碼的輸出，如 Google Chrome Web 瀏覽器的 JavaScript 控制臺中所示。其他 Web 瀏覽器將顯示類似的輸出。 ![02.13.5-1](http://ww1.sinaimg.cn/large/c0802412gy1gdip8z89nuj21hc0jagoc.jpg) > Tip: 在第 12 章“Go 中的網絡編程基礎”中，你將學習如何在 Go 中開發自己的 Web 服務器。但其實有一種測試 WebAssembly 應用程序的簡便得多的方法，那就是使用**Node.js**。不需要 Web 服務器，因為 Node.js 是基于 Chrome V8 的 JavaScript 引擎構建的**JavaScript**運行時。如果你已經在本地計算機上安裝了Node.js，則可以執行以下命令： ```shell $ export PATH="$PATH:$(go env GOROOT)/misc/wasm" $ GOOS=js GOARCH=wasm go run . Creating WebAssembly code from Go! ``` 第二個命令的輸出將驗證WebAssembly代碼是否正確并生成所需的消息。請注意，第一個命令并不是必須的，因為它只是更改PATH環境變量的當前值，以便包括當前Go安裝程序存儲與WebAssembly相關的文件的目錄。