用 Go + WebSocket 快速實(shí)現(xiàn)一個(gè) chat 服務(wù)

前言

go-zero 開(kāi)源之后比原,非常多的用戶詢問(wèn)是否可以支持以及什么時(shí)候支持 websocket,終于在 v1.1.6 里面我們從框架層面讓 websocket 的支持落地了催首,下面我們就以 chat 作為一個(gè)示例來(lái)講解如何用 go-zero 來(lái)實(shí)現(xiàn)一個(gè) websocket 服務(wù)隔披。

整體設(shè)計(jì)

我們以 zero-example 中的 chat 聊天室為例來(lái)一步步一講解 websocket 的實(shí)現(xiàn)猾封,分為如下幾個(gè)部分:

  1. 多客戶端接入
  2. 消息廣播
  3. 客戶端的及時(shí)上線下線
  4. 全雙工通信【客戶端本身是發(fā)送端,也是接收端】

先放一張圖浊伙,大致的數(shù)據(jù)傳輸:

image.png

中間有個(gè) select loop 就是整個(gè) chatengine。首先要支撐雙方通信:

  • 得有一個(gè)交流數(shù)據(jù)的管道长捧∠桑客戶端只管從 管道 讀取/輸送數(shù)據(jù);
  • 客戶端在線情況串结。不能說(shuō)你下線了哑子,還往你那傳輸數(shù)據(jù);

數(shù)據(jù)流

數(shù)據(jù)流是 engine 的主要功能肌割,先不急著看代碼卧蜓,我們先想 client 怎么接入并被 engine 感知:

  1. 首先是從前端發(fā) websocket 請(qǐng)求;
  2. 建立連接把敞;準(zhǔn)備接收/發(fā)送通道弥奸;
  3. 注冊(cè)到 engine
image.png
// HTML 操作 {js}
if (window["WebSocket"]) {
  conn = new WebSocket("ws://" + document.location.host + "/ws");
  conn.onclose = function (evt) {
    var item = document.createElement("div");
    item.innerHTML = "<b>Connection closed.</b>";
    appendLog(item);
  };
  ...
}

// 路由
engine.AddRoute(rest.Route{
  Method: http.MethodGet,
  Path:   "/ws",
  Handler: func(w http.ResponseWriter, r *http.Request) {
    internal.ServeWs(hub, w, r)
  },
})

// 接入邏輯
func ServeWs(hub *Hub, w http.ResponseWriter, r *http.Request) {
  // 將http請(qǐng)求升級(jí)為websocket
    conn, err := upgrader.Upgrade(w, r, nil)
    ...
  // 構(gòu)建client:hub{engine}, con{websocker conn}, send{channel buff}
    client := &Client{
        hub:  hub,
        conn: conn,
        send: make(chan []byte, bufSize),
    }
    client.hub.register <- client
  // 開(kāi)始客戶端雙工的通信先巴,接收和寫(xiě)入數(shù)據(jù)
  go client.writePump()
    go client.readPump()
}

這樣其爵,新接入的 client 就被加入到 注冊(cè) 通道中。

hub engine

發(fā)出了 注冊(cè) 的動(dòng)作伸蚯,engine 會(huì)怎么處理呢摩渺?

type Hub struct {
    clients map[*Client]bool        // 上線clients
    broadcast chan []byte               // 客戶端發(fā)送的消息 ->廣播給其他的客戶端
    register chan *Client             // 注冊(cè)channel,接收注冊(cè)msg
    unregister chan *Client         // 下線channel
}

func (h *Hub) Run() {
    for {
        select {
    // 注冊(cè)channel:存放到注冊(cè)表中剂邮,數(shù)據(jù)流也就在這些client中發(fā)生
        case client := <-h.register:
            h.clients[client] = true
    // 下線channel:從注冊(cè)表里面刪除
        case client := <-h.unregister:
            if _, ok := h.clients[client]; ok {
                delete(h.clients, client)
                close(client.send)
            }
    // 廣播消息:發(fā)送給注冊(cè)表中的client中摇幻,send接收到并顯示到client上
        case message := <-h.broadcast:
            for client := range h.clients {
                select {
                case client.send <- message:
                default:
                    close(client.send)
                    delete(h.clients, client)
                }
            }
        }
    }
}
  1. 接收注冊(cè)消息 -> 加入全局注冊(cè)表
  2. 如果 engine.broadcast 接收到,會(huì)將 msg 傳遞給 注冊(cè)表client.sendChan

這樣從 HTML -> client -> hub -> other client 的整個(gè)數(shù)據(jù)流就清晰了。

廣播數(shù)據(jù)

上面說(shuō)到 engine.broadcast 接收到數(shù)據(jù)绰姻,那從頁(yè)面開(kāi)始枉侧,數(shù)據(jù)是怎么發(fā)送到這?

func (c *Client) readPump() {
    ...
    for {
    // 1
        _, message, err := c.conn.ReadMessage()
        if err != nil {
            if websocket.IsUnexpectedCloseError(err, websocket.CloseGoingAway, websocket.CloseAbnormalClosure) {
                log.Printf("error: %v", err)
            }
            break
        }
        message = bytes.TrimSpace(bytes.Replace(message, newline, space, -1))
    // 2.
        c.hub.broadcast <- message
    }
}
  1. conn 中不斷讀取 msg【頁(yè)面點(diǎn)擊后傳遞】
  2. msg 傳入 engine.broadcast狂芋,從而廣播到其他的 client
  3. 當(dāng)出現(xiàn)發(fā)送異痴ツ伲或者是超時(shí),異常退出時(shí)帜矾,會(huì)觸發(fā)下線 client

同時(shí)要知道翼虫,此時(shí)發(fā)送消息的 client 不止有一個(gè),可能會(huì)有很多個(gè)屡萤。那發(fā)送到其他client珍剑,client 從自己的 send channel 中讀取消息即可:

func (c *Client) writePump() {
  // 寫(xiě)超時(shí)控制
    ticker := time.NewTicker(pingPeriod)
  ...
    for {
        select {
        case message, ok := <-c.send:
      // 當(dāng)接收消息寫(xiě)入時(shí),延長(zhǎng)寫(xiě)超時(shí)時(shí)間死陆。
            c.conn.SetWriteDeadline(time.Now().Add(writeWait))
            ...
            w, err := c.conn.NextWriter(websocket.TextMessage)
            ...
            w.Write(message)

            // 依次讀取 send 中消息招拙,并write
            n := len(c.send)
            for i := 0; i < n; i++ {
                w.Write(newline)
                w.Write(<-c.send)
            }
      ...
        case <-ticker.C:
            c.conn.SetWriteDeadline(time.Now().Add(writeWait))
            ...
        }
    }
}

上面也說(shuō)了,send 有來(lái)自各自客戶端中發(fā)送的msg:所以當(dāng)檢測(cè)到 send 有數(shù)據(jù)措译,就不斷接收消息并寫(xiě)入當(dāng)前 client别凤;同時(shí)當(dāng)寫(xiě)超時(shí),會(huì)檢測(cè)websocket長(zhǎng)連接是否還存活领虹,存活則繼續(xù)讀 send chan闻妓,斷開(kāi)則直接返回。

完整示例代碼

https://github.com/zeromicro/zero-examples/tree/main/chat

總結(jié)

本篇文章從使用上介紹如何結(jié)合 go-zero 開(kāi)始你的 websocket 項(xiàng)目掠械,開(kāi)發(fā)者可以按照自己的需求改造由缆。

關(guān)于 go-zero 更多的設(shè)計(jì)和實(shí)現(xiàn)文章,可以持續(xù)關(guān)注我們猾蒂。

https://github.com/tal-tech/go-zero

歡迎使用 go-zero 并 star 支持我們均唉!

go-zero 系列文章見(jiàn)『微服務(wù)實(shí)踐』公眾號(hào)

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市肚菠,隨后出現(xiàn)的幾起案子舔箭,更是在濱河造成了極大的恐慌,老刑警劉巖蚊逢,帶你破解...
    沈念sama閱讀 218,386評(píng)論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件层扶,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡烙荷,警方通過(guò)查閱死者的電腦和手機(jī)镜会,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,142評(píng)論 3 394
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)终抽,“玉大人戳表,你說(shuō)我怎么就攤上這事桶至。” “怎么了匾旭?”我有些...
    開(kāi)封第一講書(shū)人閱讀 164,704評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵镣屹,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我价涝,道長(zhǎng)女蜈,這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,702評(píng)論 1 294
  • 正文 為了忘掉前任色瘩,我火速辦了婚禮鞭光,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘泞遗。我一直安慰自己,他們只是感情好席覆,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,716評(píng)論 6 392
  • 文/花漫 我一把揭開(kāi)白布史辙。 她就那樣靜靜地躺著,像睡著了一般佩伤。 火紅的嫁衣襯著肌膚如雪聊倔。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書(shū)人閱讀 51,573評(píng)論 1 305
  • 那天生巡,我揣著相機(jī)與錄音耙蔑,去河邊找鬼。 笑死孤荣,一個(gè)胖子當(dāng)著我的面吹牛甸陌,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播盐股,決...
    沈念sama閱讀 40,314評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼钱豁,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了疯汁?” 一聲冷哼從身側(cè)響起牲尺,我...
    開(kāi)封第一講書(shū)人閱讀 39,230評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎幌蚊,沒(méi)想到半個(gè)月后谤碳,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,680評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡溢豆,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,873評(píng)論 3 336
  • 正文 我和宋清朗相戀三年蜒简,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片漩仙。...
    茶點(diǎn)故事閱讀 39,991評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡臭蚁,死狀恐怖最铁,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情垮兑,我是刑警寧澤冷尉,帶...
    沈念sama閱讀 35,706評(píng)論 5 346
  • 正文 年R本政府宣布,位于F島的核電站系枪,受9級(jí)特大地震影響雀哨,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜私爷,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,329評(píng)論 3 330
  • 文/蒙蒙 一雾棺、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧衬浑,春花似錦捌浩、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 31,910評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至助币,卻和暖如春浪听,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背眉菱。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 33,038評(píng)論 1 270
  • 我被黑心中介騙來(lái)泰國(guó)打工迹栓, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人俭缓。 一個(gè)月前我還...
    沈念sama閱讀 48,158評(píng)論 3 370
  • 正文 我出身青樓克伊,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親华坦。 傳聞我的和親對(duì)象是個(gè)殘疾皇子答毫,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,941評(píng)論 2 355

推薦閱讀更多精彩內(nèi)容