{"id":1002,"date":"2025-01-16T00:47:08","date_gmt":"2025-01-15T16:47:08","guid":{"rendered":"https:\/\/www.laixuexila.com\/?p=1002"},"modified":"2025-01-16T00:47:08","modified_gmt":"2025-01-15T16:47:08","slug":"%e5%a6%82%e4%bd%95%e4%bd%bf%e7%94%a8-go-%e5%92%8c-websockets-%e6%9e%84%e5%bb%ba%e9%ab%98%e6%95%88%e7%9a%84%e5%ae%9e%e6%97%b6%e5%8d%8f%e4%bd%9c%e5%b9%b3%e5%8f%b0","status":"publish","type":"post","link":"https:\/\/www.laixuexila.com\/index.php\/2025\/01\/16\/%e5%a6%82%e4%bd%95%e4%bd%bf%e7%94%a8-go-%e5%92%8c-websockets-%e6%9e%84%e5%bb%ba%e9%ab%98%e6%95%88%e7%9a%84%e5%ae%9e%e6%97%b6%e5%8d%8f%e4%bd%9c%e5%b9%b3%e5%8f%b0\/","title":{"rendered":"\u5982\u4f55\u4f7f\u7528 Go \u548c WebSockets \u6784\u5efa\u9ad8\u6548\u7684\u5b9e\u65f6\u534f\u4f5c\u5e73\u53f0"},"content":{"rendered":"\n
\n

\u4f7f\u7528 Go \u548c WebSockets \u6784\u5efa\u5b9e\u65f6\u534f\u4f5c\u5e73\u53f0\u53ef\u4ee5\u5e2e\u52a9\u5f00\u53d1\u8005\u5b9e\u73b0\u4f4e\u5ef6\u8fdf\u3001\u9ad8\u6548\u7684\u53cc\u5411\u901a\u4fe1\uff0c\u9002\u7528\u4e8e\u5728\u7ebf\u804a\u5929\u3001\u591a\u4eba\u534f\u4f5c\u7f16\u8f91\u3001\u5b9e\u65f6\u901a\u77e5\u7b49\u5e94\u7528\u573a\u666f\u3002Go \u7684\u9ad8\u5e76\u53d1\u7279\u6027\u4f7f\u5176\u6210\u4e3a\u6784\u5efa\u6b64\u7c7b\u5e73\u53f0\u7684\u7406\u60f3\u9009\u62e9\uff0c\u800c WebSockets \u63d0\u4f9b\u4e86\u6301\u4e45\u7684\u8fde\u63a5\u548c\u9ad8\u6548\u7684\u5b9e\u65f6\u6570\u636e\u4f20\u8f93\u3002\u4e0b\u9762\u5c06\u8be6\u7ec6\u4ecb\u7ecd\u5982\u4f55\u4f7f\u7528 Go \u548c WebSockets \u6784\u5efa\u4e00\u4e2a\u57fa\u672c\u7684\u5b9e\u65f6\u534f\u4f5c\u5e73\u53f0\u3002<\/p>\n<\/blockquote>\n\n\n\n

\n\n\n\n

1. \u5b89\u88c5 Go \u548c WebSocket \u5e93<\/strong><\/h3>\n\n\n\n

\u9996\u5148\uff0c\u786e\u4fdd Go \u5df2\u6b63\u786e\u5b89\u88c5\u3002\u4f60\u53ef\u4ee5\u901a\u8fc7\u8fd0\u884c go version<\/code> \u6765\u68c0\u67e5\u3002<\/p>\n\n\n\n

\u8981\u4f7f\u7528 WebSocket\uff0c\u63a8\u8350\u4f7f\u7528\u7b2c\u4e09\u65b9\u5e93 gorilla\/websocket<\/code>\uff0c\u5b83\u63d0\u4f9b\u4e86\u4e00\u4e2a\u7b80\u6d01\u7684 API \u6765\u5904\u7406 WebSocket \u8fde\u63a5\u3002<\/p>\n\n\n\n

\u901a\u8fc7\u4ee5\u4e0b\u547d\u4ee4\u5b89\u88c5 gorilla\/websocket<\/code> \u5e93\uff1a<\/p>\n\n\n\n

go get github.com\/gorilla\/websocket<\/code><\/pre>\n\n\n\n
2. \u5efa\u7acb WebSocket \u670d\u52a1\u5668<\/strong><\/h3>\n\n\n\n
WebSocket \u670d\u52a1\u5668\u5c06\u5904\u7406\u5ba2\u6237\u7aef\u7684\u8fde\u63a5\u8bf7\u6c42\uff0c\u63a5\u6536\u6765\u81ea\u5ba2\u6237\u7aef\u7684\u6d88\u606f\uff0c\u5e76\u5e7f\u64ad\u7ed9\u5176\u4ed6\u5ba2\u6237\u7aef\u3002\u9996\u5148\uff0c\u6211\u4eec\u5c06\u521b\u5efa\u4e00\u4e2a WebSocket \u670d\u52a1\u5668\uff0c\u5141\u8bb8\u591a\u4e2a\u5ba2\u6237\u7aef\u8fdb\u884c\u8fde\u63a5\u5e76\u4ea4\u6362\u6570\u636e\u3002<\/p>\n\n\n\n
package main\n\nimport (\n    \"fmt\"\n    \"log\"\n    \"net\/http\"\n    \"github.com\/gorilla\/websocket\"\n)\n\nvar upgrader = websocket.Upgrader{\n    CheckOrigin: func(r *http.Request) bool { return true }, \/\/ \u5141\u8bb8\u6240\u6709\u6765\u6e90\n}\n\nvar clients = make(map[*websocket.Conn]bool) \/\/ \u5f53\u524d\u6240\u6709\u8fde\u63a5\u7684\u5ba2\u6237\u7aef\n\n\/\/ \u5904\u7406\u6bcf\u4e2a WebSocket \u8fde\u63a5\nfunc handleConnection(w http.ResponseWriter, r *http.Request) {\n    \/\/ \u5347\u7ea7 HTTP \u8bf7\u6c42\u5230 WebSocket \u534f\u8bae\n    conn, err := upgrader.Upgrade(w, r, nil)\n    if err != nil {\n        log.Println(\"Upgrade error:\", err)\n        return\n    }\n    defer conn.Close()\n\n    clients[conn] = true\n    fmt.Println(\"New client connected\")\n\n    \/\/ \u6301\u7eed\u8bfb\u53d6\u5ba2\u6237\u7aef\u53d1\u9001\u7684\u6d88\u606f\n    for {\n        _, msg, err := conn.ReadMessage()\n        if err != nil {\n            log.Println(\"Error reading message:\", err)\n            delete(clients, conn)\n            break\n        }\n\n        \/\/ \u5e7f\u64ad\u6d88\u606f\u5230\u6240\u6709\u8fde\u63a5\u7684\u5ba2\u6237\u7aef\n        for client := range clients {\n            if err := client.WriteMessage(websocket.TextMessage, msg); err != nil {\n                log.Println(\"Error sending message:\", err)\n                client.Close()\n                delete(clients, client)\n            }\n        }\n    }\n}\n\nfunc main() {\n    http.HandleFunc(\"\/ws\", handleConnection)\n\n    \/\/ \u542f\u52a8 WebSocket \u670d\u52a1\u5668\n    port := \"8080\"\n    fmt.Println(\"Server started at ws:\/\/localhost:\" + port + \"\/ws\")\n    if err := http.ListenAndServe(\":\"+port, nil); err != nil {\n        log.Fatal(\"ListenAndServe:\", err)\n    }\n}<\/code><\/pre>\n\n\n\n
3. \u5ba2\u6237\u7aef\u8fde\u63a5\u548c\u4ea4\u4e92<\/strong><\/h3>\n\n\n\n
\u5ba2\u6237\u7aef\u4f7f\u7528 JavaScript \u6765\u5efa\u7acb WebSocket \u8fde\u63a5\u5e76\u4e0e\u670d\u52a1\u5668\u8fdb\u884c\u901a\u4fe1\u3002\u4ee5\u4e0b\u662f\u4e00\u4e2a\u7b80\u5355\u7684 HTML \u9875\u9762\uff0c\u5c55\u793a\u4e86\u5982\u4f55\u8fde\u63a5\u5230 WebSocket \u670d\u52a1\u5668\uff0c\u5e76\u53d1\u9001\u548c\u63a5\u6536\u6d88\u606f\u3002<\/p>\n\n\n\n
<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Real-time Collaboration<\/title>\n    <style>\n        #messages { height: 300px; overflow-y: scroll; border: 1px solid #ccc; padding: 10px; }\n        #input { width: 100%; padding: 10px; }\n    <\/style>\n<\/head>\n<body>\n    <h1>Real-time Collaboration<\/h1>\n    <div id=\"messages\"><\/div>\n    <input id=\"input\" type=\"text\" placeholder=\"Type a message...\" \/>\n\n    <script>\n        const ws = new WebSocket(\"ws:\/\/localhost:8080\/ws\");\n        const messages = document.getElementById(\"messages\");\n        const input = document.getElementById(\"input\");\n\n        \/\/ \u63a5\u6536\u6d88\u606f\u5e76\u663e\u793a\n        ws.onmessage = function(event) {\n            const message = document.createElement(\"p\");\n            message.textContent = event.data;\n            messages.appendChild(message);\n            messages.scrollTop = messages.scrollHeight; \/\/ \u6eda\u52a8\u5230\u6700\u65b0\u6d88\u606f\n        };\n\n        \/\/ \u53d1\u9001\u6d88\u606f\u5230\u670d\u52a1\u5668\n        input.addEventListener(\"keydown\", function(event) {\n            if (event.key === \"Enter\" && input.value) {\n                ws.send(input.value);\n                input.value = \"\";\n            }\n        });\n    <\/script>\n<\/body>\n<\/html><\/code><\/pre>\n\n\n\n
4. \u8fd0\u884c\u9879\u76ee<\/strong><\/h3>\n\n\n\n
    \n
  1. \u5728 Go \u9879\u76ee\u76ee\u5f55\u4e0b\uff0c\u8fd0\u884c\u670d\u52a1\u5668\uff1a<\/li>\n<\/ol>\n\n\n\n
       go run main.go<\/code><\/pre>\n\n\n\n
      \n
    1. \u6253\u5f00\u6d4f\u89c8\u5668\uff0c\u8bbf\u95ee index.html<\/code> \u6587\u4ef6\uff0c\u6216\u8005\u901a\u8fc7\u672c\u5730\u670d\u52a1\u5668\u8bbf\u95ee WebSocket \u5ba2\u6237\u7aef\u3002\u591a\u4e2a\u5ba2\u6237\u7aef\u8fde\u63a5\u540e\uff0c\u53ef\u4ee5\u5b9e\u65f6\u53d1\u9001\u548c\u63a5\u6536\u6d88\u606f\u3002<\/li>\n<\/ol>\n\n\n\n
      5. \u529f\u80fd\u6269\u5c55<\/strong><\/h3>\n\n\n\n
      \u5728\u8fd9\u4e2a\u57fa\u7840\u4e0a\uff0c\u4f60\u53ef\u4ee5\u6269\u5c55\u548c\u4f18\u5316\u4f60\u7684\u5b9e\u65f6\u534f\u4f5c\u5e73\u53f0\uff0c\u589e\u52a0\u66f4\u591a\u529f\u80fd\uff0c\u4f8b\u5982\uff1a<\/p>\n\n\n\n
        \n
      • \u8eab\u4efd\u9a8c\u8bc1<\/strong>\uff1a\u4f7f\u7528 JWT \u6216 Session \u6765\u9a8c\u8bc1\u7528\u6237\u8eab\u4efd\u3002<\/li>\n\n\n\n
      • \u623f\u95f4\u7ba1\u7406<\/strong>\uff1a\u521b\u5efa\u4e0d\u540c\u7684\u623f\u95f4\uff0c\u8ba9\u7528\u6237\u4ec5\u80fd\u4e0e\u7279\u5b9a\u623f\u95f4\u5185\u7684\u4eba\u8fdb\u884c\u901a\u4fe1\u3002<\/li>\n\n\n\n
      • \u6570\u636e\u540c\u6b65<\/strong>\uff1a\u9664\u4e86\u6d88\u606f\uff0c\u8fd8\u53ef\u4ee5\u5b9e\u65f6\u540c\u6b65\u6587\u4ef6\u3001\u6587\u6863\u5185\u5bb9\u7b49\u3002<\/li>\n\n\n\n
      • \u7528\u6237\u5217\u8868<\/strong>\uff1a\u663e\u793a\u5f53\u524d\u8fde\u63a5\u7684\u7528\u6237\uff0c\u5e76\u652f\u6301\u79c1\u804a\u529f\u80fd\u3002<\/li>\n<\/ul>\n\n\n\n
        6. \u6027\u80fd\u4f18\u5316<\/strong><\/h3>\n\n\n\n
        \u5bf9\u4e8e\u5927\u89c4\u6a21\u7684\u5b9e\u65f6\u534f\u4f5c\u5e73\u53f0\uff0cWebSocket \u670d\u52a1\u5668\u7684\u6027\u80fd\u81f3\u5173\u91cd\u8981\u3002\u4ee5\u4e0b\u662f\u4e00\u4e9b\u4f18\u5316\u5efa\u8bae\uff1a<\/p>\n\n\n\n
          \n
        • \u8fde\u63a5\u6c60<\/strong>\uff1a\u4f7f\u7528\u8fde\u63a5\u6c60\u7ba1\u7406 WebSocket \u8fde\u63a5\uff0c\u907f\u514d\u6bcf\u6b21\u8fde\u63a5\u65f6\u90fd\u521b\u5efa\u65b0\u5b9e\u4f8b\u3002<\/li>\n\n\n\n
        • \u5206\u5e03\u5f0f\u90e8\u7f72<\/strong>\uff1a\u4f7f\u7528\u8d1f\u8f7d\u5747\u8861\u5668\u548c\u591a\u5b9e\u4f8b\u90e8\u7f72\u6765\u6269\u5c55\u670d\u52a1\u5668\uff0c\u786e\u4fdd\u652f\u6301\u66f4\u591a\u7684\u5e76\u53d1\u7528\u6237\u3002<\/li>\n\n\n\n
        • \u6570\u636e\u538b\u7f29<\/strong>\uff1a\u5bf9 WebSocket \u6570\u636e\u8fdb\u884c\u538b\u7f29\uff0c\u4ee5\u51cf\u5c11\u5e26\u5bbd\u6d88\u8017\u3002<\/li>\n<\/ul>\n\n\n\n
          \n\n\n\n
          \u603b\u7ed3<\/h3>\n\n\n\n
          \u901a\u8fc7 Go \u548c WebSocket\uff0c\u6784\u5efa\u4e00\u4e2a\u5b9e\u65f6\u534f\u4f5c\u5e73\u53f0\u53ef\u4ee5\u6781\u5927\u63d0\u5347\u7528\u6237\u7684\u4ea4\u4e92\u4f53\u9a8c\uff0c\u5c24\u5176\u662f\u5728\u804a\u5929\u3001\u534f\u4f5c\u7f16\u8f91\u548c\u5b9e\u65f6\u901a\u77e5\u7b49\u573a\u666f\u4e2d\u3002Go \u7684\u9ad8\u6548\u6027\u80fd\u4e0e WebSocket \u7684\u4f4e\u5ef6\u8fdf\u7279\u6027\u4f7f\u5176\u6210\u4e3a\u5f00\u53d1\u5b9e\u65f6\u5e94\u7528\u7684\u7406\u60f3\u9009\u62e9\u3002\u901a\u8fc7\u4e0d\u65ad\u4f18\u5316\u670d\u52a1\u5668\u67b6\u6784\u548c\u589e\u52a0\u65b0\u7684\u529f\u80fd\uff0c\u4f60\u53ef\u4ee5\u5c06\u8fd9\u4e2a\u57fa\u7840\u5e73\u53f0\u53d1\u5c55\u4e3a\u4e00\u4e2a\u529f\u80fd\u4e30\u5bcc\u4e14\u7a33\u5b9a\u7684\u5b9e\u65f6\u5e94\u7528\u7cfb\u7edf\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"
          \u4f7f\u7528 Go \u548c WebSockets \u6784\u5efa\u5b9e\u65f6\u534f\u4f5c\u5e73\u53f0\u53ef\u4ee5\u5e2e\u52a9\u5f00\u53d1\u8005\u5b9e\u73b0\u4f4e\u5ef6\u8fdf\u3001\u9ad8\u6548\u7684\u53cc\u5411\u901a\u4fe1\uff0c\u9002\u7528\u4e8e\u5728\u7ebf\u804a\u5929 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[58],"tags":[],"class_list":["post-1002","post","type-post","status-publish","format-standard","hentry","category-golang"],"_links":{"self":[{"href":"https:\/\/www.laixuexila.com\/index.php\/wp-json\/wp\/v2\/posts\/1002","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.laixuexila.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.laixuexila.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.laixuexila.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.laixuexila.com\/index.php\/wp-json\/wp\/v2\/comments?post=1002"}],"version-history":[{"count":1,"href":"https:\/\/www.laixuexila.com\/index.php\/wp-json\/wp\/v2\/posts\/1002\/revisions"}],"predecessor-version":[{"id":1003,"href":"https:\/\/www.laixuexila.com\/index.php\/wp-json\/wp\/v2\/posts\/1002\/revisions\/1003"}],"wp:attachment":[{"href":"https:\/\/www.laixuexila.com\/index.php\/wp-json\/wp\/v2\/media?parent=1002"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.laixuexila.com\/index.php\/wp-json\/wp\/v2\/categories?post=1002"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.laixuexila.com\/index.php\/wp-json\/wp\/v2\/tags?post=1002"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}