[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"academy-blogs-th-1-1-all-go-websocket-real-time-communication-ep22-all--*":3,"academy-blog-translations-junt9fqqfxm0e6y":145},{"data":4,"page":132,"perPage":132,"totalItems":132,"totalPages":132},[5],{"alt":6,"collectionId":7,"collectionName":8,"content":9,"cover_image":10,"cover_image_path":11,"created":12,"created_by":13,"expand":14,"id":140,"keywords":141,"locale":114,"published_at":142,"scheduled_at":13,"school_blog":136,"short_description":143,"status":134,"title":6,"updated":144,"updated_by":13,"slug":137,"views":139},"Ep.22 Go กับ WebSocket - การสื่อสารแบบเรียลไทม์ที่ทันสมัย!","sclblg987654321","school_blog_translations","\u003Cp class=\"p1\">\u003Cstrong>Go กับ WebSocket - การสื่อสารแบบเรียลไทม์ที่ทันสมัย!\u003C\u002Fstrong>\u003C\u002Fp>\u003Cp class=\"p2\"> \u003C\u002Fp>\u003Cp class=\"p3\">\u003Cstrong>WebSocket คืออะไร?\u003C\u002Fstrong>\u003C\u002Fp>\u003Cp class=\"p3\">WebSocket คือโปรโตคอลที่ช่วยให้การสื่อสารระหว่างเซิร์ฟเวอร์และไคลเอนต์เป็นไปแบบเรียลไทม์ โดยไม่ต้องส่งคำขอใหม่ทุกครั้งเหมือน HTTP\u003C\u002Fp>\u003Cp class=\"p3\">ข้อดีของ WebSocket :\u003C\u002Fp>\u003Cul class=\"ul1\">\u003Cli class=\"li3\">การสื่อสารสองทาง (Full Duplex) ทำให้ทั้งเซิร์ฟเวอร์และไคลเอนต์สามารถส่งข้อมูลหากันได้ตลอดเวลา\u003C\u002Fli>\u003Cli class=\"li3\">ลดความล่าช้า (Latency) ในการอัปเดตข้อมูล\u003C\u002Fli>\u003Cli class=\"li3\">เหมาะสำหรับแอปพลิเคชันที่ต้องการข้อมูลสด เช่น เกมออนไลน์ หรือระบบแชท\u003C\u002Fli>\u003C\u002Ful>\u003Cp class=\"p4\"> \u003C\u002Fp>\u003Cp class=\"p3\">\u003Cstrong>การใช้งาน WebSocket ใน Go\u003C\u002Fstrong>\u003C\u002Fp>\u003Cp class=\"p3\">ใน Go เรามีแพ็กเกจยอดนิยมอย่าง \u003Ca target=\"_blank\" rel=\"noopener noreferrer\" href=\"https:\u002F\u002Fgithub.com\u002Fgorilla\u002Fwebsocket?fbclid=IwZXh0bgNhZW0CMTAAAR2ziSvQLf5IoccISxq0RZZ1qfmQA7FV4GFwXnCJtmHC-h2HB9a79z9QOqs_aem_NR9byR1HkLMTup1hR-jaqg\">github.com\u002Fgorilla\u002Fwebsocket\u003C\u002Fa> ที่ช่วยให้การสร้าง WebSocket Server และ Client ทำได้ง่ายขึ้น\u003C\u002Fp>\u003Cp class=\"p4\"> \u003C\u002Fp>\u003Cp class=\"p3\">\u003Cstrong>ขั้นตอนการติดตั้ง :\u003C\u002Fstrong>\u003C\u002Fp>\u003Cpre>\u003Ccode class=\"language-plaintext\">go get -u github.com\u002Fgorilla\u002Fwebsocket\r\u003C\u002Fcode>\u003C\u002Fpre>\u003Cp> \u003C\u002Fp>\u003Cp class=\"p3\">\u003Cstrong>การสร้าง WebSocket Server แบบง่ายๆ\u003C\u002Fstrong>\u003C\u002Fp>\u003Cp class=\"p3\">ตัวอย่างโค้ด :\u003C\u002Fp>\u003Cp class=\"p3\">ในตัวอย่างนี้ :\u003C\u002Fp>\u003Cp class=\"p3\">Upgrader ใช้แปลงการเชื่อมต่อ HTTP เป็น WebSocket\u003C\u002Fp>\u003Cp class=\"p3\">ฟังก์ชัน handleConnections ใช้สำหรับรับข้อความจากไคลเอนต์และส่งกลับไป\u003C\u002Fp>\u003Cpre>\u003Ccode class=\"language-plaintext\">package main\r\n\r\nimport (\r\n    \"fmt\"\r\n    \"net\u002Fhttp\"\r\n\r\n    \"github.com\u002Fgorilla\u002Fwebsocket\"\r\n)\r\n\r\nvar upgrader = websocket.Upgrader{\r\n    CheckOrigin: func(r *http.Request) bool {\r\n        return true \u002F\u002F อนุญาตการเชื่อมต่อจากทุกที่\r\n    },\r\n}\r\n\r\nfunc handleConnections(w http.ResponseWriter, r *http.Request) {\r\n    conn, err := upgrader.Upgrade(w, r, nil) \u002F\u002F อัปเกรดการเชื่อมต่อเป็น WebSocket\r\n    if err != nil {\r\n        fmt.Println(\"Error upgrading connection:\", err)\r\n        return\r\n    }\r\n    defer conn.Close()\r\n\r\n    for {\r\n        messageType, msg, err := conn.ReadMessage()\r\n        if err != nil {\r\n            fmt.Println(\"Error reading message:\", err)\r\n            break\r\n        }\r\n        fmt.Printf(\"Received: %s\\n\", msg)\r\n\r\n        \u002F\u002F ส่งข้อความกลับไปยังไคลเอนต์\r\n        if err := conn.WriteMessage(messageType, msg); err != nil {\r\n            fmt.Println(\"Error writing message:\", err)\r\n            break\r\n        }\r\n    }\r\n}\r\n\r\nfunc main() {\r\n    http.HandleFunc(\"\u002Fws\", handleConnections)\r\n\r\n    fmt.Println(\"WebSocket server started at :8080\u002Fws\")\r\n    http.ListenAndServe(\":8080\", nil)\r\n}\r\u003C\u002Fcode>\u003C\u002Fpre>\u003Cp> \u003C\u002Fp>\u003Cp class=\"p3\">\u003Cstrong>การเชื่อมต่อจากไคลเอนต์ (HTML\u002FJavaScript)\u003C\u002Fstrong>\u003C\u002Fp>\u003Cp class=\"p3\">ตัวอย่างโค้ดฝั่งไคลเอนต์ :\u003C\u002Fp>\u003Cp class=\"p3\">ในตัวอย่างนี้ :\u003C\u002Fp>\u003Cp class=\"p3\">ใช้ WebSocket API ของ JavaScript เชื่อมต่อไปยัง WebSocket Server\u003C\u002Fp>\u003Cp class=\"p3\">เมื่อเชื่อมต่อสำเร็จ จะส่งข้อความ \"Hello from client!\" ไปยังเซิร์ฟเวอร์ และรอรับข้อความกลับ\u003C\u002Fp>\u003Cpre>\u003Ccode class=\"language-plaintext\"><!DOCTYPE html>\r\n<html>\r\n<head>\r\n    <title>WebSocket Example<\u002Ftitle>\r\n<\u002Fhead>\r\n<body>\r\n    <h1>WebSocket Example<\u002Fh1>\r\n    <script>\r\n        const socket = new WebSocket(\"ws:\u002F\u002Flocalhost:8080\u002Fws\");\r\n\r\n        socket.onopen = () => {\r\n            console.log(\"Connected to server\");\r\n            socket.send(\"Hello from client!\");\r\n        };\r\n\r\n        socket.onmessage = (event) => {\r\n            console.log(\"Received from server:\", event.data);\r\n        };\r\n\r\n        socket.onerror = (error) => {\r\n            console.error(\"WebSocket error:\", error);\r\n        };\r\n    <\u002Fscript>\r\n<\u002Fbody>\r\n<\u002Fhtml>\r\u003C\u002Fcode>\u003C\u002Fpre>\u003Cp> \u003C\u002Fp>\u003Cp class=\"p3\">\u003Cstrong>การจัดการหลาย Client พร้อมกัน\u003C\u002Fstrong>\u003C\u002Fp>\u003Cp class=\"p3\">WebSocket Server สามารถรองรับการเชื่อมต่อจากหลายไคลเอนต์ได้โดยการเก็บการเชื่อมต่อไว้ใน map หรือ slice\u003C\u002Fp>\u003Cp class=\"p3\">ตัวอย่างการจัดการหลาย Client :\u003C\u002Fp>\u003Cp class=\"p3\">ในตัวอย่างนี้ :\u003C\u002Fp>\u003Cp class=\"p3\">clients เก็บการเชื่อมต่อของไคลเอนต์ทั้งหมด\u003C\u002Fp>\u003Cp class=\"p3\">ฟังก์ชัน broadcastMessage ใช้ส่งข้อความไปยังทุกไคลเอนต์\u003C\u002Fp>\u003Cpre>\u003Ccode class=\"language-plaintext\">var clients = make(map[*websocket.Conn]bool)\r\n\r\nfunc broadcastMessage(message []byte) {\r\n    for client := range clients {\r\n        if err := client.WriteMessage(websocket.TextMessage, message); err != nil {\r\n            fmt.Println(\"Error broadcasting message:\", err)\r\n            client.Close()\r\n            delete(clients, client)\r\n        }\r\n    }\r\n}\r\n\r\nfunc handleConnections(w http.ResponseWriter, r *http.Request) {\r\n    conn, err := upgrader.Upgrade(w, r, nil)\r\n    if err != nil {\r\n        fmt.Println(\"Error upgrading connection:\", err)\r\n        return\r\n    }\r\n    defer conn.Close()\r\n\r\n    clients[conn] = true\r\n\r\n    for {\r\n        _, msg, err := conn.ReadMessage()\r\n        if err != nil {\r\n            fmt.Println(\"Error reading message:\", err)\r\n            delete(clients, conn)\r\n            break\r\n        }\r\n        broadcastMessage(msg)\r\n    }\r\n}\r\u003C\u002Fcode>\u003C\u002Fpre>\u003Cp> \u003C\u002Fp>\u003Cp class=\"p3\">\u003Cstrong>สรุปง่ายๆ\u003C\u002Fstrong>\u003C\u002Fp>\u003Cul class=\"ul1\">\u003Cli class=\"li3\">WebSocket เหมาะสำหรับการสื่อสารแบบเรียลไทม์\u003C\u002Fli>\u003Cli class=\"li3\">ใช้แพ็กเกจ gorilla\u002Fwebsocket เพื่อสร้าง WebSocket Server\u003C\u002Fli>\u003Cli class=\"li5\">จัดการหลายไคลเอนต์ได้ด้วยการเก็บการเชื่อมต่อใน\u003Cspan class=\"s2\"> map \u003C\u002Fspan>และส่งข้อความกลับไปยังทุกคน\u003C\u002Fli>\u003C\u002Ful>","13_11zon_a4qckytt75.webp","https:\u002F\u002Ftwsme-r2.tumwebsme.com\u002Fsclblg987654321\u002Flv3gh2dxhuslmsn\u002F13_11zon_a4qckytt75.webp","2026-03-04 08:34:22.284Z","",{"keywords":15,"locale":108,"school_blog":118},[16,23,28,33,38,43,48,53,58,63,68,73,78,83,88,93,98,103],{"collectionId":17,"collectionName":18,"created":19,"created_by":13,"id":20,"name":21,"updated":22,"updated_by":13},"sclkey987654321","school_keywords","2026-03-04 08:20:11.547Z","ey3puyme01a9bsw","Go","2026-04-10 16:07:25.893Z",{"collectionId":17,"collectionName":18,"created":24,"created_by":13,"id":25,"name":26,"updated":27,"updated_by":13},"2026-03-04 08:20:14.253Z","ah6lvy4x8qe08l5","Golang","2026-04-10 16:07:26.172Z",{"collectionId":17,"collectionName":18,"created":29,"created_by":13,"id":30,"name":31,"updated":32,"updated_by":13},"2026-03-04 08:33:59.518Z","7pqn3y8ffwzzde5","ภาษา Go","2026-04-10 16:08:04.777Z",{"collectionId":17,"collectionName":18,"created":34,"created_by":13,"id":35,"name":36,"updated":37,"updated_by":13},"2026-03-04 08:34:00.920Z","ecac9y661or1xka","WebSocket","2026-04-10 16:08:05.227Z",{"collectionId":17,"collectionName":18,"created":39,"created_by":13,"id":40,"name":41,"updated":42,"updated_by":13},"2026-03-04 08:34:19.689Z","5kc8vgh0eh9db2v","การสื่อสารแบบเรียลไทม์","2026-04-10 16:08:12.198Z",{"collectionId":17,"collectionName":18,"created":44,"created_by":13,"id":45,"name":46,"updated":47,"updated_by":13},"2026-03-04 08:34:21.070Z","3615sc755h8vrnk","gorilla\u002Fwebsocket","2026-04-10 16:08:12.574Z",{"collectionId":17,"collectionName":18,"created":49,"created_by":13,"id":50,"name":51,"updated":52,"updated_by":13},"2026-03-04 08:32:13.391Z","7nquvthmvw3cb3b","การพัฒนาเว็บ","2026-04-10 16:07:51.337Z",{"collectionId":17,"collectionName":18,"created":54,"created_by":13,"id":55,"name":56,"updated":57,"updated_by":13},"2026-03-04 08:34:21.919Z","8vfh79kpb17unuo","แอปพลิเคชันออนไลน์","2026-04-10 16:08:12.919Z",{"collectionId":17,"collectionName":18,"created":59,"created_by":13,"id":60,"name":61,"updated":62,"updated_by":13},"2026-03-04 08:31:30.863Z","oyltq82epf0vqka","การเขียนโปรแกรม","2026-04-10 16:07:41.883Z",{"collectionId":17,"collectionName":18,"created":64,"created_by":13,"id":65,"name":66,"updated":67,"updated_by":13},"2026-03-04 08:34:09.187Z","3zp82zk9hqz13ko","การเขียนโปรแกรม Go","2026-04-10 16:08:08.225Z",{"collectionId":17,"collectionName":18,"created":69,"created_by":13,"id":70,"name":71,"updated":72,"updated_by":13},"2026-03-04 08:32:29.161Z","uewvwdt9cf41o8n","การเขียนโปรแกรมสำหรับมือใหม่","2026-04-10 16:07:54.935Z",{"collectionId":17,"collectionName":18,"created":74,"created_by":13,"id":75,"name":76,"updated":77,"updated_by":13},"2026-03-04 08:32:27.645Z","vfe4f15x4b3afpm","การศึกษาการเขียนโปรแกรม","2026-04-10 16:07:54.538Z",{"collectionId":17,"collectionName":18,"created":79,"created_by":13,"id":80,"name":81,"updated":82,"updated_by":13},"2026-03-04 08:32:27.254Z","xl8ixz1jmfnab5f","ฝึกเขียนโปรแกรม","2026-04-10 16:07:54.377Z",{"collectionId":17,"collectionName":18,"created":84,"created_by":13,"id":85,"name":86,"updated":87,"updated_by":13},"2026-03-04 08:31:53.015Z","801w5t09mfaa9hl","ภาษาโปรแกรม","2026-04-10 16:07:46.625Z",{"collectionId":17,"collectionName":18,"created":89,"created_by":13,"id":90,"name":91,"updated":92,"updated_by":13},"2026-03-04 08:20:37.794Z","x2c5z8w1cr41ij3","ภาษาโปรแกรมมิ่ง","2026-04-10 16:07:27.917Z",{"collectionId":17,"collectionName":18,"created":94,"created_by":13,"id":95,"name":96,"updated":97,"updated_by":13},"2026-03-04 08:32:24.473Z","xquecx7u5svb567","โปรแกรม","2026-04-10 16:07:53.714Z",{"collectionId":17,"collectionName":18,"created":99,"created_by":13,"id":100,"name":101,"updated":102,"updated_by":13},"2026-03-04 08:26:56.612Z","yf74wkqyamfc5qx","โปรแกรมเมอร์","2026-04-10 16:07:36.426Z",{"collectionId":17,"collectionName":18,"created":104,"created_by":13,"id":105,"name":106,"updated":107,"updated_by":13},"2026-03-04 08:26:59.195Z","gab60xd583s3qaw","Superdev School","2026-04-10 16:07:37.087Z",{"code":109,"collectionId":110,"collectionName":111,"created":112,"flag":113,"id":114,"is_default":115,"label":116,"updated":117},"th","pbc_1989393366","locales","2026-01-22 10:59:55.832Z","twemoji:flag-thailand","s8wri3bt4vgg2ji",true,"Thai","2026-04-10 15:42:46.614Z",{"category":119,"collectionId":120,"collectionName":121,"created":13,"expand":122,"id":136,"slug":137,"updated":138,"views":139},"wqxt7ag2gn7xcmk","pbc_2105096300","school_blogs",{"category":123},{"blogIds":124,"collectionId":125,"collectionName":126,"created":127,"created_by":13,"id":119,"image":128,"image_alt":13,"image_path":129,"label":130,"name":131,"priority":132,"publish_at":133,"scheduled_at":13,"status":134,"updated":135,"updated_by":13},[],"sclcatblg987654321","school_category_blogs","2026-03-04 08:33:53.210Z","59ty92ns80w_15oc1implw.png","https:\u002F\u002Ftwsme-r2.tumwebsme.com\u002Fsclcatblg987654321\u002Fwqxt7ag2gn7xcmk\u002F59ty92ns80w_15oc1implw.png",{"en":131,"th":131},"Golang The Series",1,"2026-03-16 04:39:38.440Z","published","2026-04-25 02:32:15.470Z","junt9fqqfxm0e6y","go-websocket-real-time-communication-ep22","2026-05-06 20:20:44.458Z",373,"lv3gh2dxhuslmsn",[20,25,30,35,40,45,50,55,60,65,70,75,80,85,90,95,100,105],"2025-01-27 04:39:33.480Z","เรียนรู้เกี่ยวกับ WebSocket และการใช้งานในภาษา Go เพื่อการสื่อสารแบบเรียลไทม์ที่มีประสิทธิภาพ","2026-04-25 02:47:31.752Z",{"th":137,"en":137}]