Go言語/gotronでHTMLのボタンイベントをGo側で受け取る方法（WebSocket）

2021/02/21

gotronを使うにあたり、ウィンドウを出した後の動きはHTML/Javascriptで十分処理可能なのですが、それだとせっかくGo言語を使った意味があまりないので、UIはHTML/CSSで制御はGo言語を目指したいところです。そんな中、UIのボタンイベントをGo言語側で受け取る方法について、ここのREADMEを参考に書いてみました。

HTML側のソース

HTML側のソースです。ボタンを設置しそれを押すとWebSocketを使ってデータを送信してくれます。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=<device-width>, initial-scale=1.0">
    <title>Document</title>
</head>
<body style="-webkit-app-region: drag">
    <h1>Hello World!</h1>

    <div>
        <!-- <button style="-webkit-app-region: no-drag">終了</button> -->
    <button onclick="sendMessage();">Send</button>
    </div>
    <script>
      let ws = new WebSocket("ws://localhost:" + global.backendPort + "/web/app/events");
      function sendMessage(){
        ws.send(JSON.stringify({
          "event": "event-name",
          "AtrNameInFrontend": "Hello World!",
        }))
      }
    </script>
</body>
</html>

Go言語側のソース

window.Onで受け取ることができます。

package main

import (
    "github.com/Equanox/gotron"
    "bytes"
    "fmt"
)

func main() {
    window, err := gotron.New("apps")
    if err != nil {
        panic(err)
    }
    
    window.WindowOptions.Width = 800
    window.WindowOptions.Height = 600
    window.WindowOptions.AutoHideMenuBar = true
    done, err := window.Start()
    if err != nil {
        panic(err)
    }

    window.On(&gotron.Event{Event: "event-name"}, func(bin []byte) {
        buf := bytes.NewBuffer([]byte(bin))
        fmt.Println("Message: ", buf)
    })

    <-done
}

ボタンをクリックするとターミナルに以下のように出力されます。

Message:  {"event":"event-name","AtrNameInFrontend":"Hello World!"}

Go言語/gotronでHTMLのボタンイベントをGo側で受け取る方法（WebSocket）

HTML側のソース

Go言語側のソース

共有:

関連