如何使用Golang中的websocket仅使用Mysql中的数据更新文本？

Question

我只想更新文本，但不想更新整个页面，我不知道如何使用 websockets，也不理解网络上的示例。 我已经设法更新整个网格，但想法是带有相机的页面没有更新，只有文本

var socket=new WebSocket("ws://localhost:8083/ws")
setInterval(() => {
      socket.send("updateJaula")
    }, 2000);

<div class="datos generales">
  <label id="lblNombreJaula" class="lbl-osd">NOMBRE:`+Object.values(jaula)[i].Nombre+`</label>
  <br>
  <label id="lblObjetivoJaula" class="lbl-osd">OBJETIVO:`+Object.values(jaula[i].Objetivo+`</label>
  <br>
  <label id="lblVisitaJaula" class="lbl-osd">VISITAS:`+Object.values(jaula)[i].Visita+`</label>
</div>

我真的不明白该怎么做，但我从 golang 加载了页面：

func HTTPAPIFullScreenMultiView(c *gin.Context) {
    var createParams MultiViewOptions
    SearchScreen(c.Param("uuid"))
    err := c.ShouldBindJSON(&createParams)
    if err != nil {
        log.WithFields(logrus.Fields{
            "module": "http_page",
            "func":   "HTTPAPIFullScreenMultiView",
            "call":   "BindJSON",
        }).Errorln(err.Error())
    }
    log.WithFields(logrus.Fields{
        "module": "http_page",
        "func":   "HTTPAPIFullScreenMultiView",
        "call":   "Options",
    }).Debugln(createParams)
    c.HTML(http.StatusOK, "fullscreen.html", gin.H{
        "port":    Storage.ServerHTTPPort(),
        "screens": SearchScreen(c.Param("uuid")),
        "streams": Storage.Streams,
        "jaulas":  ListarJaulas(),
        "version": time.Now().String(),
        "options": createParams,
        "page":    "fullscreen",
        "query":   c.Request.URL.Query(),
        "uuid":    c.Param("uuid"),
    })
}

Answer 1

您需要执行多项操作才能仅更新文本而不更新整个页面。但在较高层面上，这些是您需要做的：

首先，您已经拥有网络服务器（在 http 或 https 协议下）来提供您的内容。

接下来，您需要添加另一个名为websocket 服务器的服务器。只有这样，您才能使用 js 语句从 websocket 客户端（javascript）连接到 websocket 服务器（Go）：

new WebSocket("ws://localhost:8083/ws")

然后，您需要在 websocket 客户端上添加多个侦听器，以处理来自 websocket 服务器的传入消息/数据。

下一步，在后端，每当用户当前打开的数据发生一些更改时，后端必须将其推送到客户端，即您的前端，以便您可以相应地更新网格。

在 Go 中可用于 websocket 的一个库是 Gorilla Websocket。存储库中有一些示例。

另外，如果您需要额外的示例，我创建了一个简单的聊天应用程序，它利用带有 Go 的 websocket 和纯 JavaScript。与您需要的相比，它可能有所不同，但您也许可以从那里学到一些东西

https://github.com/novalagung/dasarpemrogramangolang-example/tree/master/chapter-D.3-golang-web-socket-chatting-app

Answer 2

又是我。我需要每 2 秒更新一次标签。做一个 MySQL 查询（我已经从 Golang 创建了它们），你认为它可以是这样的吗？

var socket=new WebSocket("ws://localhost:8083/ws")

setInterval(() => {
  socket.send("actualizarJaula")
  // document.location.href="/pages/screen/"+id_screen
}, 2000);

socket.onmessage=function(e){      
  var data = e.data
  if (data =="actualizarJaula") {
    fetchGet("/pages/screen/"+id_screen,function(data){
      document.getElementById("lblNombreJaula").value=data.Nombre;
      document.getElementById("lblObjetivoJaula").value=data.Objetivo;
      document.getElementById("lblVisitaJaula").value=data.Visita;
    })
  }
  
}
function fetchGet(url,callback){
fetch(url).then(res=>res.json()).then(res=>{
  callback(res)
})
}