[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"academy-blogs-th-1-1-all-ep117-iot-multi-device-websocket-all--*":3,"academy-blog-translations-29s5jr08ln68e02":74},{"data":4,"page":62,"perPage":62,"totalItems":62,"totalPages":62},[5],{"alt":6,"collectionId":7,"collectionName":8,"content":9,"cover_image":10,"cover_image_path":11,"created":12,"created_by":13,"expand":14,"id":68,"keywords":69,"locale":44,"published_at":70,"scheduled_at":13,"school_blog":66,"short_description":71,"slug":72,"status":64,"title":6,"updated":73,"updated_by":13,"views":67},"EP.117 การเชื่อมต่อ IoT Device หลายตัวด้วย WebSocket (Real-time IoT Network)","sclblg987654321","school_blog_translations","\u003Cp>ระบบ IoT สมัยใหม่ไม่ได้ประกอบด้วยแค่อุปกรณ์เดียวอีกต่อไป แต่มีหลายร้อยหรือหลายพันอุปกรณ์ที่ต้องเชื่อมต่อพร้อมกัน เช่น:\u003C\u002Fp>\u003Cul>\u003Cli>Sensor วัดอุณหภูมิ\u002Fความชื้น\u003C\u002Fli>\u003Cli>อุปกรณ์ Smart Home\u003C\u002Fli>\u003Cli>เครื่องจักรหรือหุ่นยนต์ในโรงงาน\u003C\u002Fli>\u003Cli>GPS Tracker และระบบติดตามรถ\u003C\u002Fli>\u003C\u002Ful>\u003Cp> \u003C\u002Fp>\u003Cp>ทุกอุปกรณ์ต้องการการสื่อสาร แบบเรียลไทม์ที่เสถียร, ประหยัดพลังงาน, และ ปลอดภัย\u003C\u002Fp>\u003Cp> \u003C\u002Fp>\u003Ch3>ทำไมต้องใช้ WebSocket กับ IoT?\u003C\u002Fh3>\u003Cp> \u003C\u002Fp>\u003Cp>WebSocket เป็นหนึ่งในเทคโนโลยีที่เหมาะกับงาน IoT แบบ Real-time มากที่สุด เพราะ:\u003C\u002Fp>\u003Cp>✅ เชื่อมต่อครั้งเดียว ส่งข้อมูลได้ต่อเนื่อง\u003Cbr>✅ Latency ต่ำระดับมิลลิวินาที\u003Cbr>✅ ประหยัด Bandwidth\u003Cbr>✅ รองรับ Full-duplex Communication\u003C\u002Fp>\u003Cp> \u003C\u002Fp>\u003Ch2>🧱 1. สถาปัตยกรรมระบบ IoT ด้วย WebSocket\u003C\u002Fh2>\u003Cp> \u003C\u002Fp>\u003Cp>ระบบ IoT แบบ Real-time จะมีองค์ประกอบหลัก ๆ 4 ส่วน:\u003C\u002Fp>\u003Cp>1) IoT Device (Client)\u003Cbr>อาจเป็น Sensor, ESP32, Raspberry Pi, หรือแม้แต่ Mobile App ที่ initiate การเชื่อมต่อ WebSocket\u003C\u002Fp>\u003Cp> \u003C\u002Fp>\u003Cp>2) WebSocket Gateway (Server)\u003Cbr>หน้าที่:\u003C\u002Fp>\u003Cul>\u003Cli>ยืนยันตัวตนอุปกรณ์\u003C\u002Fli>\u003Cli>รับ\u002Fส่งข้อมูลจาก Sensor\u003C\u002Fli>\u003Cli>ส่งต่อข้อมูลไปยัง DB หรือ Message Broker\u003C\u002Fli>\u003Cli>Broadcast ให้ Dashboard แบบเรียลไทม์\u003C\u002Fli>\u003C\u002Ful>\u003Cp> \u003C\u002Fp>\u003Cp>3) Message Broker \u002F Data Stream Layer\u003Cbr>เช่น Redis Pub\u002FSub, Kafka, หรือ NATS ใช้กระจายข้อมูลจากอุปกรณ์ไปยังหลายบริการพร้อมกัน\u003C\u002Fp>\u003Cp> \u003C\u002Fp>\u003Cp>4) Monitoring Dashboard\u003Cbr>ส่วนแสดงข้อมูลแบบ Real-time เช่น หน้าจอดูสภาพเครื่องจักรในโรงงาน\u003C\u002Fp>\u003Cp> \u003C\u002Fp>\u003Ch2>🔐 2. การยืนยันตัวตนอุปกรณ์ (Device Authentication)\u003C\u002Fh2>\u003Cp> \u003C\u002Fp>\u003Cp>Security คือสิ่งสำคัญที่สุดในระบบ IoT\u003C\u002Fp>\u003Cp> \u003C\u002Fp>\u003Ch3>วิธีที่นิยมใช้:\u003C\u002Fh3>\u003Cp> \u003C\u002Fp>\u003Cp>✅ Device Token\u003Cbr>สร้าง token เฉพาะสำหรับแต่ละ device เช่น:\u003C\u002Fp>\u003Cpre>\u003Ccode class=\"language-plaintext\">device_id: SENSOR-01  \ndevice_secret: 98asdh9283dj29\n\u003C\u002Fcode>\u003C\u002Fpre>\u003Cp> \u003C\u002Fp>\u003Cp>✅ JWT ที่ผูกกับ Device ID\u003Cbr>เหมาะกับระบบที่มีการจัดการขนาดใหญ่\u003C\u002Fp>\u003Cp> \u003C\u002Fp>\u003Cp>✅ IP Whitelist (ใช้ร่วมกันในระบบเครือข่ายปิด)\u003C\u002Fp>\u003Cp> \u003C\u002Fp>\u003Ch2>📡 3. การแมปอุปกรณ์กับ Connection\u003C\u002Fh2>\u003Cp> \u003C\u002Fp>\u003Cp>โค้ดฝั่ง Server ต้องแมป \u003Ccode inline=\"\">device_id\u003C\u002Fcode> กับ \u003Ccode inline=\"\">websocket.Conn\u003C\u002Fcode>\u003C\u002Fp>\u003Cpre>\u003Ccode class=\"language-plaintext language-go\">var devices = make(map[string]*websocket.Conn)\n\ntype DeviceAuth struct {\n    DeviceID string `json:\"device_id\"`\n    Token    string `json:\"token\"`\n}\n\nfunc handleDevice(c *websocket.Conn) {\n    var auth DeviceAuth\n    c.ReadJSON(&auth)\n\n    if !validateToken(auth.DeviceID, auth.Token) {\n        c.WriteMessage(websocket.TextMessage, []byte(\"AUTH_FAILED\"))\n        c.Close()\n        return\n    }\n\n    devices[auth.DeviceID] = c\n    fmt.Println(\"Device connected:\", auth.DeviceID)\n}\n\u003C\u002Fcode>\u003C\u002Fpre>\u003Cp> \u003C\u002Fp>\u003Ch2>📊 4. การส่งข้อมูล Sensor แบบเรียลไทม์\u003C\u002Fh2>\u003Cp> \u003C\u002Fp>\u003Cpre>\u003Ccode class=\"language-plaintext language-json\">{\n  \"device_id\": \"TEMP-01\",\n  \"temperature\": 26.5,\n  \"humidity\": 80\n}\n\u003C\u002Fcode>\u003C\u002Fpre>\u003Cpre>\u003Ccode class=\"language-plaintext language-go\">type SensorData struct {\n    DeviceID    string  `json:\"device_id\"`\n    Temperature float64 `json:\"temperature\"`\n    Humidity    float64 `json:\"humidity\"`\n}\n\nfunc listenDevice(deviceID string, conn *websocket.Conn) {\n    for {\n        var data SensorData\n        if err := conn.ReadJSON(&data); err != nil {\n            delete(devices, deviceID)\n            return\n        }\n\n        broadcastToDashboard(data) \u002F\u002F ส่งข้อมูลไป Dashboard\n    }\n}\n\u003C\u002Fcode>\u003C\u002Fpre>\u003Cp> \u003C\u002Fp>\u003Ch2>🔄 5. Bandwidth Management จัดการการส่งข้อมูลถี่\u003C\u002Fh2>\u003Cp> \u003C\u002Fp>\u003Cp>Sensor บางชนิดส่งข้อมูลทุก 100ms หากไม่ควบคุม อาจทำให้ Server ล่มได้\u003C\u002Fp>\u003Cp> \u003C\u002Fp>\u003Ch3>วิธีแก้ปัญหา:\u003C\u002Fh3>\u003Cul>\u003Cli>✅ Rate Limit ต่ออุปกรณ์ (เช่น 10 ข้อความ\u002Fวินาที)\u003C\u002Fli>\u003Cli>✅ Message Aggregation รวมข้อมูลหลายชุดก่อนส่ง\u003C\u002Fli>\u003Cli>✅ Adaptive Data Rate ปรับความถี่ตามสถานการณ์\u003C\u002Fli>\u003Cli>✅ Compression เช่น GZIP หรือใช้ Protobuf\u003C\u002Fli>\u003C\u002Ful>\u003Cp> \u003C\u002Fp>\u003Ch2>🖥 6. ตัวอย่าง Dashboard Listener\u003C\u002Fh2>\u003Cp> \u003C\u002Fp>\u003Cpre>\u003Ccode class=\"language-plaintext language-go\">func dashboardListener() {\n    conn, _, err := websocket.DefaultDialer.Dial(\"ws:\u002F\u002Flocalhost:8080\u002Fdashboard\", nil)\n    if err != nil { panic(err) }\n\n    for {\n        _, msg, _ := conn.ReadMessage()\n        fmt.Println(\"New Sensor Update:\", string(msg))\n    }\n}\n\u003C\u002Fcode>\u003C\u002Fpre>\u003Cp> \u003C\u002Fp>\u003Ch2>📈 7. การขยายระบบ (Scaling) รองรับ 10,000+ Device\u003C\u002Fh2>\u003Cp> \u003C\u002Fp>\u003Cul>\u003Cli>✅ Horizontal Scaling: รัน WebSocket หลาย instance\u003C\u002Fli>\u003Cli>✅ Redis Pub\u002FSub: กระจาย message ระหว่าง instance\u003C\u002Fli>\u003Cli>✅ Kubernetes + HPA: Auto-scale ตามภาระงาน\u003C\u002Fli>\u003Cli>✅ Sharding Device: แบ่ง device เป็นกลุ่ม เช่น shard-01, shard-02\u003C\u002Fli>\u003C\u002Ful>\u003Cp> \u003C\u002Fp>\u003Ch2>🧪 ท้าให้ลอง!\u003C\u002Fh2>\u003Cp> \u003C\u002Fp>\u003Cp>ลองสร้างระบบ IoT Demo:\u003C\u002Fp>\u003Col>\u003Cli>เครื่องจำลอง (ESP32 หรือ Go script) ส่งอุณหภูมิทุก 1 วินาที\u003C\u002Fli>\u003Cli>WebSocket Server รับและบันทึกลง DB\u003C\u002Fli>\u003Cli>Dashboard รับข้อมูลแบบ Real-time\u003C\u002Fli>\u003Cli>เพิ่มระบบแจ้งเตือนเมื่ออุณหภูมิเกิน Threshold\u003C\u002Fli>\u003C\u002Fol>\u003Cp> \u003C\u002Fp>\u003Cp>นี่คือพื้นฐานของ Smart Home, Smart Factory และ Smart Farming!\u003C\u002Fp>\u003Cp> \u003C\u002Fp>\u003Chr>\u003Cp> \u003C\u002Fp>\u003Ch2>🔮 EP ถัดไป การรวม AI เข้ากับ WebSocket\u003C\u002Fh2>\u003Cp> \u003C\u002Fp>\u003Cp>EP.118 เราจะสร้างระบบ AI + WebSocket สำหรับ IoT สอนการใช้ AI\u002FML ตรวจจับ Anomaly, วิเคราะห์ข้อมูล sensor, และ Predictive Maintenance แบบเรียลไทม์!\u003C\u002Fp>\u003Cp> \u003C\u002Fp>\u003Cp>หากคุณทำระบบนี้ได้… แสดงว่าคุณก้าวสู่ระดับโปรของระบบ Real-time เต็มตัวแล้ว! 🎯 แล้วพบกันในตอนต่อไปครับ!\u003C\u002Fp>\u003Cp> \u003C\u002Fp>\u003Cdiv class=\"raw-html-embed\">\u003Cdiv style=\"margin:0 0 6px 0; font-weight:700;\">อ่านบทความ Series อื่นๆ:\u003C\u002Fdiv>\n\u003Cul style=\"list-style:none; padding:0; margin:0; line-height:1.4;\">\n  \u003Cli style=\"margin:0;\">\u003Ca href=\"\u002Fblogs\u002Fcategories\u002FGolang\" title=\"Golang The Series\">Golang The Series\u003C\u002Fa>\u003C\u002Fli>\n  \u003Cli style=\"margin:0;\">\u003Ca href=\"\u002Fblogs\u002Fcategories\u002FJS2GO\" title=\"JS2GO\">JS2GO\u003C\u002Fa>\u003C\u002Fli>\n  \u003Cli style=\"margin:0;\">\u003Ca href=\"\u002Fblogs\u002Fcategories\u002FTailwind%20CSS\" title=\"10 Ep ที่จะให้คุณเป็นมือโปร Tailwind CSS ในชั่วข้ามคืน\">10 Ep ที่จะให้คุณเป็นมือโปร Tailwind CSS ในชั่วข้ามคืน\u003C\u002Fa>\u003C\u002Fli>\n\u003C\u002Ful>\u003C\u002Fdiv>\u003Cp> \u003C\u002Fp>\u003Cdiv class=\"raw-html-embed\">\n  \u003Cp style=\"margin:0 0 6px 0;\">\u003Cstrong>Follow Us:\u003C\u002Fstrong>\u003C\u002Fp>\n  \u003Cul style=\"list-style:none; padding:0; margin:0; line-height: 0.4;\">\n    \u003Cli style=\"display:flex; align-items:center; gap:6px; margin:0;\">\n      \n      \u003Csvg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"#1877F2\" aria-hidden=\"true\">\n        \u003Cpath d=\"M22 12.07C22 6.48 17.52 2 11.93 2S2 6.48 2 12.07c0 5 3.66 9.14 8.44 9.93v-7.02H7.9v-2.91h2.54V9.41c0-2.5 1.49-3.88 3.77-3.88 1.09 0 2.24.2 2.24.2v2.46h-1.26c-1.24 0-1.63.77-1.63 1.56v1.87h2.78l-.44 2.91h-2.34V22c4.78-.79 8.44-4.93 8.44-9.93Z\">\u003C\u002Fpath>\n      \u003C\u002Fsvg>\n      \u003Ca href=\"https:\u002F\u002Fwww.facebook.com\u002Fsuperdev.academy.th\" target=\"_blank\" rel=\"nofollow noopener\" title=\"Follow Superdev Academy on Facebook\">Facebook: Superdev Academy\u003C\u002Fa>\n    \u003C\u002Fli>\n\n    \u003Cli style=\"display:flex; align-items:center; gap:6px; margin:0;\">\n      \n      \u003Csvg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"#FF0000\" aria-hidden=\"true\">\n        \u003Cpath d=\"M23.5 6.2a3 3 0 0 0-2.1-2.1C19.5 3.5 12 3.5 12 3.5s-7.5 0-9.4.6A3 3 0 0 0 .5 6.2 31.5 31.5 0 0 0 0 12a31.5 31.5 0 0 0 .5 5.8 3 3 0 0 0 2.1 2.1c1.9.6 9.4.6 9.4.6s7.5 0 9.4-.6a3 3 0 0 0 2.1-2.1A31.5 31.5 0 0 0 24 12a31.5 31.5 0 0 0-.5-5.8ZM9.75 15.02V8.98L15.5 12l-5.75 3.02Z\">\u003C\u002Fpath>\n      \u003C\u002Fsvg>\n      \u003Ca href=\"https:\u002F\u002Fwww.youtube.com\u002F@SuperdevAcademy\" target=\"_blank\" rel=\"nofollow noopener\" title=\"Watch on YouTube\">YouTube: Superdev Academy\u003C\u002Fa>\n    \u003C\u002Fli>\n\n    \u003Cli style=\"display:flex; align-items:center; gap:6px; margin:0;\">\n      \n      \u003Csvg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"#E4405F\" aria-hidden=\"true\">\n        \u003Cpath d=\"M7 2h10a5 5 0 0 1 5 5v10a5 5 0 0 1-5 5H7a5 5 0 0 1-5-5V7a5 5 0 0 1 5-5Zm10 2H7a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3V7a3 3 0 0 0-3-3Zm-5 3.5A5.5 5.5 0 1 1 6.5 13 5.5 5.5 0 0 1 12 7.5Zm0 2A3.5 3.5 0 1 0 15.5 13 3.5 3.5 0 0 0 12 9.5Zm5.75-2.75a1.25 1.25 0 1 1-1.25 1.25 1.25 1.25 0 0 1 1.25-1.25Z\">\u003C\u002Fpath>\n      \u003C\u002Fsvg>\n      \u003Ca href=\"https:\u002F\u002Fwww.instagram.com\u002Fsuperdevacademy\u002F?hl=en target=\" _blank\"=\"\" rel=\"nofollow noopener\" title=\"See behind-the-scenes on Instagram\">Instagram: Superdev Academy\u003C\u002Fa>\n    \u003C\u002Fli>\n\n    \u003Cli style=\"display:flex; align-items:center; gap:6px; margin:0;\">\n      \n      \u003Csvg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"#000000\" aria-hidden=\"true\">\n        \u003Cpath d=\"M21 8.12a6.86 6.86 0 0 1-4.8-2V16a6 6 0 1 1-6-6 5.9 5.9 0 0 1 1.63.23V8.05a9.08 9.08 0 0 1-1.63-.15V4.5a6.86 6.86 0 0 0 4.8 2.05V6.5a6.86 6.86 0 0 0 4.8 1.62ZM9.2 12.5A3.5 3.5 0 1 0 12.7 16V9.94a6 6 0 0 1-1.63-.27v3.95a3.5 3.5 0 0 1-1.87 3.17 3.5 3.5 0 0 1-4.78-3.23 3.5 3.5 0 0 1 4.78-3.06Z\">\u003C\u002Fpath>\n      \u003C\u002Fsvg>\n      \u003Ca href=\"https:\u002F\u002Fwww.tiktok.com\u002F@superdevacademy\" target=\"_blank\" rel=\"nofollow noopener\" title=\"Watch short tips on TikTok\">TikTok: @superdevacademy\u003C\u002Fa>\n    \u003C\u002Fli>\n\n    \u003Cli style=\"display:flex; align-items:center; gap:6px; margin:0;\">\n      \n      \u003Csvg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"#111827\" aria-hidden=\"true\">\n        \u003Cpath d=\"M12 2a10 10 0 1 0 10 10A10.01 10.01 0 0 0 12 2Zm6.93 6h-3.26a15.6 15.6 0 0 0-1.39-3.62A8.03 8.03 0 0 1 18.93 8ZM12 4c.73.93 1.7 2.74 2.2 4H9.8C10.3 6.74 11.27 4.93 12 4ZM8.72 4.38A15.6 15.6 0 0 0 7.32 8H4.07a8.03 8.03 0 0 1 4.65-3.62ZM4.07 16h3.25a15.6 15.6 0 0 0 1.4 3.62A8.03 8.03 0 0 1 4.07 16ZM12 20c-.73-.93-1.7-2.74-2.2-4h4.4C13.7 17.26 12.73 19.07 12 20Zm3.28-.38A15.6 15.6 0 0 0 16.68 16h3.25a8.03 8.03 0 0 1-4.65 3.62ZM20 14h-3.54a13.8 13.8 0 0 1-.26-4H20a7.98 7.98 0 0 1 0 4Zm-12.2 0H4a7.98 7.98 0 0 1 0-4h3.54a13.8 13.8 0 0 1-.26 4Zm2 .5h4.4a17.8 17.8 0 0 1-.72-4.5c0-1.58.25-3.1.72-4.5H9.8a17.8 17.8 0 0 1 .72 4.5c0 1.58-.25 3.1-.72 4.5Z\">\u003C\u002Fpath>\n      \u003C\u002Fsvg>\n      \u003Ca href=\"https:\u002F\u002Fwww.superdevacademy.com\u002F\" target=\"_blank\" rel=\"noopener\" title=\"Visit the official website of Superdev Academy\">Official Website: Superdev Academy.com\u003C\u002Fa>\n    \u003C\u002Fli>\n  \u003C\u002Ful>\n\u003C\u002Fdiv>\u003Cp> \u003C\u002Fp>","cover_image_ep_gg70n9zn2d.-timeIoTNetwork.webp","https:\u002F\u002Ftwsme-r2.tumwebsme.com\u002Fsclblg987654321\u002F6geyjq1575qgjai\u002Fcover_image_ep_gg70n9zn2d.-timeIoTNetwork.webp","2026-03-04 08:45:04.567Z","",{"keywords":15,"locale":38,"school_blog":48},[16,23,28,33],{"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:44:49.445Z","0ips6v3gj6yy1h7","ระบบเรียลไทม์","2026-04-10 16:12:50.583Z",{"collectionId":17,"collectionName":18,"created":24,"created_by":13,"id":25,"name":26,"updated":27,"updated_by":13},"2026-03-04 08:44:56.136Z","1ant8hjpcxuj8a2","IoT","2026-04-10 16:12:51.845Z",{"collectionId":17,"collectionName":18,"created":29,"created_by":13,"id":30,"name":31,"updated":32,"updated_by":13},"2026-03-04 08:20:11.547Z","ey3puyme01a9bsw","Go","2026-04-10 16:07:25.893Z",{"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",{"code":39,"collectionId":40,"collectionName":41,"created":42,"flag":43,"id":44,"is_default":45,"label":46,"updated":47},"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":49,"collectionId":50,"collectionName":51,"expand":52,"id":66,"views":67},"wqxt7ag2gn7xcmk","pbc_2105096300","school_blogs",{"category":53},{"blogIds":54,"collectionId":55,"collectionName":56,"created":57,"created_by":13,"id":49,"image":58,"image_alt":13,"image_path":59,"label":60,"name":61,"priority":62,"publish_at":63,"scheduled_at":13,"status":64,"updated":65,"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":61,"th":61},"Golang The Series",1,"2026-03-16 04:39:38.440Z","published","2026-04-25 02:32:15.470Z","29s5jr08ln68e02",209,"6geyjq1575qgjai",[20,25,30,35],"2025-12-15 01:58:37.695Z","เรียนรู้การสร้างระบบ IoT แบบ Real-time ด้วย Go และ WebSocket ที่รองรับอุปกรณ์หลายตัวพร้อมกัน พร้อมแนวทาง Authentication, Bandwidth Management และการขยายระบบให้รองรับอุปกรณ์นับหมื่น","ep117-iot-multi-device-websocket","2026-04-25 02:47:49.073Z",{"th":72}]