Golang 语言基于Gin实现websocket

server.go

/**
 * @Author: chentong
 * @Date: 2022/04/22 10:02
 */

package main

import (
    "github.com/gin-gonic/gin"
    "github.com/gorilla/websocket"
    "net/http"
)

/*

参考资料: https://zhuanlan.zhihu.com/p/329991604

需要使用的框架：

1、gin框架：gin-gonic/gin

2、websocket框架：gorilla/websocket

3、api文档：
    https://godoc.org/github.com/gin-gonic/gin
    https://godoc.org/github.com/go

*/

//设置websocket
//CheckOrigin防止跨站点的请求伪造
var upGrader = websocket.Upgrader{
    CheckOrigin: func(r *http.Request) bool {
        return true
    },
}

//
// index
// @Description: 渲染 websocket 页面
// @param c
//
func index(c *gin.Context) {
    c.HTML(http.StatusOK, "websocket.html", nil)

}


// ping
// @Description: websocket 实现
// @param c
//
func ping(c *gin.Context) {
    // 升级get请求为webSocket协议
    ws, err := upGrader.Upgrade(c.Writer, c.Request, nil)
    if err != nil {
        return
    }
    defer ws.Close() //返回前关闭
    for {
        // 读取ws中的数据
        mt, message, err := ws.ReadMessage()
        if err != nil {
            break
        }
        // 写入ws数据
        err = ws.WriteMessage(mt, message)
        if err != nil {
            break
        }
    }
}

func main() {
    r := gin.Default()
    // LoadHTMLGlob()方法可以加载模板文件
    r.LoadHTMLGlob("6-网络编程/src/*.html")
    // 路由
    r.GET("/", index)
    r.GET("/ws", ping)

    r.Run("localhost:8000")
}

websocket.html

<!DOCTYPE html>
<html>
<head>
    <title>Chat</title>
</head>
<body>
<h1>WebSocket Chat</h1>
<form action="" onsubmit="sendMessage(event)">
    <input type="text" id="messageText" autocomplete="off"/>
    <button>Send</button>
</form>
<ul id='messages'>
</ul>
<script>var websocket = new WebSocket("ws://localhost:8000/ws");
    websocket.onmessage = function (event) {
        var messages = document.getElementById('messages')
        var message = document.createElement('li')
        var content = document.createTextNode(event.data)
        message.appendChild(content)
        messages.appendChild(message)
    };

    function sendMessage(event) {
        var input = document.getElementById("messageText")
        websocket.send(input.value)
        input.value = ''
        event.preventDefault()
    }</script>
</body>
</html>

Golang 语言 基于Gin实现websocket

Golang 语言基于Gin实现websocket