用 Go 開發(fā)桌面應(yīng)用程序（GUI）的幾種方法對(duì)比（使用go開發(fā)桌面gui程序）
我想構(gòu)建一個(gè)本地 Go 桌面應(yīng)用程序，有幾種方法可以做到：
- Electron[1]：將 Node.js[2] 和 Chromium[3] 瀏覽器綁定在一起，以創(chuàng)建一個(gè)打包的本地 Web 應(yīng)用程序?？膳c Go 框架（例如 go-app[4] 或 go-astilectron[5]）一起使用。
- Lorca[6]：使用本地安裝的 Chrome 瀏覽器，通過(guò) dev-tools communication protocol[7] 實(shí)現(xiàn)。
- Webview[8]：使用 webview[9] 創(chuàng)建一個(gè)本地窗口，并使用 CGo 綁定在其中渲染應(yīng)用程序。
我已經(jīng)寫過(guò)有關(guān)構(gòu)建一個(gè)簡(jiǎn)單的 electron 應(yīng)用程序的文章[10]，因此本文將探討如何使用 Lorca 和 Webview 構(gòu)建應(yīng)用程序，然后比較這三種的不同。
Lorca
Go 中一個(gè)簡(jiǎn)單的 Lorca[11] 應(yīng)用：
func main() { // Create UI with data URI ui, _ := lorca.New("data:text/html," url.PathEscape(` <html> <head><title>Hello</title></head> <body><h1>Hello, world!</h1></body> </html> `), "", 600, 200) defer ui.Close() // Create a GoLang function callable from JS ui.Bind("hello", func() string { return "World!" }) // Call above `hello` function then log to the JS console ui.Eval("hello().then( (x) => { console.log(x) })") // Wait until UI window is closed <-ui.Done()}
因?yàn)閺?fù)雜性被隱藏了，所以看起來(lái)非常簡(jiǎn)單！上面的代碼打開一個(gè) Chome 窗口，通過(guò) websocket 連接到其 dev-tools[12] 端點(diǎn)，發(fā)送要加載的 HTML，并提供 Go 和 JS 之間的通信：
更酷的是，您可以在 Chrome 中調(diào)用 JS 函數(shù)并在 Go 中獲取輸出：
n := ui.Eval(`Math.random()`).Float()fmt.Println(n)
使用這個(gè)庫(kù)是如此容易，如此直觀，如此實(shí)用，以至于我剛使用它時(shí)感到困惑。我以為一定有陷阱，不會(huì)這么簡(jiǎn)單。但是沒有，它就是這么簡(jiǎn)單。
另外一個(gè)好處是您可以使用 Chrome 開發(fā)工具來(lái)幫助調(diào)試任何問(wèn)題或調(diào)整布局。另外，鑒于我自 2014 年以來(lái)[13]一直在寫 Promise，我喜歡使用 JS Promise 在 Go 和 JS 之間實(shí)現(xiàn)異步調(diào)用。
Lorca 的最大缺點(diǎn)是，由于它使用 Chrome，因此某些應(yīng)用程序詳細(xì)信息（如系統(tǒng)菜單，圖標(biāo)，標(biāo)題）無(wú)法自定義。然后，需要在應(yīng)用程序優(yōu)化和簡(jiǎn)單應(yīng)用程序之間進(jìn)行權(quán)衡。根據(jù)您構(gòu)建內(nèi)容的不同，有好有弊，例如，如果您正在構(gòu)建內(nèi)部工具，那會(huì)很好，但是對(duì)于企業(yè)應(yīng)用程序，這可能看起來(lái)并不好。
Webview
Webview[14] 是一個(gè)庫(kù)，可幫助直接在本地組件之上構(gòu)建 Web 應(yīng)用程序。執(zhí)行此操作的代碼如下：
func main() { w := webview.New(true) defer w.Destroy() w.SetSize(600, 200, webview.HintNone) // Create a GoLang function callable from JS w.Bind("hello", func() string { return "World!" }) // Create UI with data URI w.Navigate(`data:text/html, <!doctype html> <html> <head><title>Hello</title></head> <body><h1>Hello, world!</h1></body> <script> hello().then((x) => { console.log(x) }) </script> </html>`) w.Run()}
這與 Lorca 非常相似，我認(rèn)為 Lorca 也是基于 Webview 的。盡管與 Lorca 相似，但輸出還是有些不同：
從上圖可以看到 Webview 應(yīng)用程序窗口沒有陰影，沒有邊框，并且在屏幕的左下角進(jìn)行了初始化?？梢酝ㄟ^(guò)將Window返回一個(gè) unsafe.Pointer到 OS 依賴的窗口對(duì)象的方法（在 macOS 中是 NSWindow）進(jìn)行定制。這是開始難的地方。
要使用該 Window 對(duì)象，我們必須將 Go 的綁定寫入本地組件。舉例來(lái)說(shuō)，如果我們希望我們的窗口居中啟動(dòng)，我們會(huì)調(diào)用 NSWindow 的 Center 方法。因此，我們需要在三個(gè)文件中寫綁定（改編自 gogoa[15]）：
ns_window.go
package main// #cgo CFLAGS: -x objective-c// #cgo LDFLAGS: -framework Cocoa//#include "ns_window.h"import "C"import "unsafe"type NSWindow struct { ptr unsafe.Pointer}func (self *NSWindow) Center() { C.Center(self.ptr)}
ns_window.h
#include <Cocoa/Cocoa.h>void Center(void *);
ns_window.m
#include "ns_window.h"void Center(void *self) { NSWindow *window = self; [window center];}
然后在main()函數(shù)中，我們可以將窗口居中：
window := NSWindow {w.Window()}window.Center()
與 Lorca 不同，Webview 可以針對(duì)我們的應(yīng)用程序進(jìn)行完全自定義。問(wèn)題在于它需要一些工作。
Webview 的一些其他部分使得用它變得有些困難：
- 如果使用 Bazel 和 gazelle，則webview生成的Build.bazel文件不正確，clinkopts = ["-framework WebKit"] 必須對(duì)其進(jìn)行修補(bǔ)。
- 調(diào)用 w.Init 僅在w.Navigate被調(diào)用時(shí)有效，但隨后w.Eval調(diào)用將停止工作。
- 要設(shè)置標(biāo)題，您可以如上所述編寫綁定，或者您必須使用Dispatch方法w.Dispatch(func() { w.SetTitle("Title") })。
我不確定有多少是Webview，有多少是 NSWindow。我需要進(jìn)行更多的調(diào)查和學(xué)習(xí)，才能更清楚地說(shuō)明這些發(fā)生的原因。
Electron
我之前的文章[16]是關(guān)于構(gòu)建一個(gè)簡(jiǎn)單的 Electron 應(yīng)用程序的，該應(yīng)用程序如下所示：
Electron 用于許多大型產(chǎn)品，例如 VSCode。這可能是因?yàn)閷⑺袃?nèi)容捆綁到一個(gè)應(yīng)用程序中使可移植性變得更加簡(jiǎn)單，并且可以廣泛地定制應(yīng)用程序。將應(yīng)用程序與瀏覽器和 Node.js 捆綁在一起的不利之處在于，它導(dǎo)致程序 非常龐大。
讓 Go 與 Electron 一起工作也有些困難。但有一些框架可以簡(jiǎn)化[17]此過(guò)程，例如 go-astilectron[18]，不過(guò)這些框架很復(fù)雜，并且大多數(shù)功能不完整。另一種方法可能是使用我之前寫過(guò)的[19] Go 編譯為 WASM ，但這也不是簡(jiǎn)單的解決方案。
Electron 的優(yōu)勢(shì)在于它是便攜式的，可定制的，并且經(jīng)過(guò)了應(yīng)用程序分發(fā)的嚴(yán)格測(cè)試。只是和 Go 結(jié)合有點(diǎn)復(fù)雜。
三者比較
我認(rèn)為要進(jìn)行的主要比較是可定制性與簡(jiǎn)單性。到目前為止，Lorca 是最簡(jiǎn)單的，其可定制性非常有限，Webview 可以完全自定義，但有些困難，而 Electron 則可以完全自定義，但很難與 Go 一起使用。
同樣，框架之間的捆綁包大小也有很大差異。Lorca 的二進(jìn)制文件大小為 8.7 MB，Webview 的大小為 3.7Mb，Electron 的大小為 157Mb。
調(diào)試工具也有所不同：Lorca 和 Electron 使用 Chrome 開發(fā)工具，而 Webview 使用 Safari 開發(fā)工具。
結(jié)論
Lorca 和 Webview 都可以與 Go 一起很好地使用，最終二進(jìn)制較小，并且具有類似的 API。主要區(qū)別在于基礎(chǔ)渲染器（本機(jī)）和調(diào)試工具。
我認(rèn)為 Electron 與 Go 一起使用可能太復(fù)雜了，但沒有太多困難。
一個(gè)潛在的工作流程是在開發(fā)和 Webview 分發(fā)期間使用 Lorca。Lorca 提供了用于調(diào)試和開發(fā)的熟悉工具，其中 Webview 提供了可分發(fā)的可定制性。Lorca 也是很好的備份，可以交叉編譯到 Webview 不支持的其他操作系統(tǒng)。
注意：還有更多類似的選項(xiàng)，wails[20] 或 gotk[21] 可以提供其他方式來(lái)構(gòu)建/分發(fā)應(yīng)用程序。
作者：Graham Jenson
原文鏈接：https://maori.geek.nz/golang-desktop-app-webview-vs-lorca-vs-electron-a5e6b2869391
譯者：polaris
參考資料
[1]
Electron: https://www.electronjs.org/
[2]
Node.js: https://nodejs.org/
[3]
Chromium: https://www.chromium.org/
[4]
go-app: https://github.com/maxence-charriere/go-app
[5]
go-astilectron: https://github.com/asticode/go-astilectron
[6]
Lorca: https://github.com/zserge/lorca
[7]
dev-tools communication protocol: https://chromedevtools.github.io/devtools-protocol/
[8]
Webview: https://github.com/webview/webview
[9]
webview: https://developer.apple.com/documentation/webkit/webview
[10]
構(gòu)建一個(gè)簡(jiǎn)單的 electron 應(yīng)用程序的文章: https://maori.geek.nz/building-an-electron-app-with-bazel-d124ed550957
[11]
Lorca: https://github.com/zserge/lorca
[12]
dev-tools: https://chromedevtools.github.io/devtools-protocol/
[13]
自 2014 年以來(lái): https://maori.geek.nz/jquery-promises-and-deferreds-i-promise-this-will-be-short-d10275f82717
[14]
Webview: https://github.com/webview/webview
[15]
gogoa: https://github.com/alediaferia/gogoa
[16]
之前的文章: https://maori.geek.nz/building-an-electron-app-with-bazel-d124ed550957
[17]
簡(jiǎn)化: https://github.com/asticode/go-astilectron
[18]
go-astilectron: https://github.com/asticode/go-astilectron
[19]
之前寫過(guò)的: https://maori.geek.nz/a-web-app-using-bazel-golang-wasm-and-proto-c020914f4341
[20]
wails: https://github.com/wailsapp/wails
[21]
gotk: https://github.com/gotk3/gotk3
