[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"academy-blogs-th-1-1-all-golang-ep81-websocket-realtime-database-all--*":3,"academy-blog-translations-2dtjy4oldwjaleu":79},{"data":4,"page":67,"perPage":67,"totalItems":67,"totalPages":67},[5],{"alt":6,"collectionId":7,"collectionName":8,"content":9,"cover_image":10,"cover_image_path":11,"created":12,"created_by":13,"expand":14,"id":73,"keywords":74,"locale":49,"published_at":75,"scheduled_at":13,"school_blog":71,"short_description":76,"slug":77,"status":69,"title":6,"updated":78,"updated_by":13,"views":72},"EP.81 การใช้ WebSocket เพื่อเชื่อมต่อกับระบบฐานข้อมูลแบบเรียลไทม์","sclblg987654321","school_blog_translations","\u003Cp>ใน EP นี้ เราจะพาคุณมาทำความเข้าใจวิธีเชื่อมต่อ WebSocket กับฐานข้อมูล เพื่อให้แอปพลิเคชันสามารถอัปเดตข้อมูลแบบเรียลไทม์ ผู้ใช้จะเห็นการเปลี่ยนแปลงทันทีโดยไม่ต้องรีเฟรช เช่น:\u003C\u002Fp>\u003Cul>\u003Cli>แสดงข้อมูลสินค้าคงเหลือแบบเรียลไทม์\u003C\u002Fli>\u003Cli>การแจ้งเตือนอัปเดต order\u003C\u002Fli>\u003Cli>ระบบ live dashboard หรือ real-time status feed\u003C\u002Fli>\u003C\u002Ful>\u003Cp> \u003C\u002Fp>\u003Ch2>🔍 ทำไมต้องใช้ WebSocket กับฐานข้อมูลแบบเรียลไทม์?\u003C\u002Fh2>\u003Cp> \u003C\u002Fp>\u003Cul>\u003Cli>ลดการ polling ซ้ำ ๆ: ไม่จำเป็นต้องให้ client ส่ง request เพื่อเช็คข้อมูลทุกไม่กี่วินาที\u003C\u002Fli>\u003Cli>เพิ่มความเร็วในการแสดงผล: ข้อมูลถูก push ไปยัง client โดยตรง\u003C\u002Fli>\u003Cli>รองรับผู้ใช้หลายคนพร้อมกัน: ส่งข้อมูลจาก backend ไปยัง client ได้หลาย connection พร้อมกัน\u003C\u002Fli>\u003C\u002Ful>\u003Cp> \u003C\u002Fp>\u003Ch2>🧠 สถาปัตยกรรมพื้นฐาน:\u003C\u002Fh2>\u003Cp> \u003C\u002Fp>\u003Cpre>\u003Ccode class=\"language-plaintext\">Database ←→ Backend (Go + WebSocket) ←→ Clients (Web\u002FMobile)\n\u003C\u002Fcode>\u003C\u002Fpre>\u003Cp> \u003C\u002Fp>\u003Cp>แนวคิด:\u003C\u002Fp>\u003Cul>\u003Cli>Backend เชื่อมต่อกับฐานข้อมูล (PostgreSQL \u002F MySQL \u002F MongoDB)\u003C\u002Fli>\u003Cli>เมื่อมี Insert\u002FUpdate\u002FDelete → backend ส่งข้อมูลไปยัง client ผ่าน WebSocket\u003C\u002Fli>\u003Cli>Client รับข้อมูลและอัปเดต UI ทันที\u003C\u002Fli>\u003C\u002Ful>\u003Cp> \u003C\u002Fp>\u003Ch2>✅ ตัวอย่างโค้ด Golang\u003C\u002Fh2>\u003Cp> \u003C\u002Fp>\u003Cpre>\u003Ccode class=\"language-plaintext language-go\">package main\n\nimport (\n    \"database\u002Fsql\"\n    \"encoding\u002Fjson\"\n    \"log\"\n    \"net\u002Fhttp\"\n    \"time\"\n\n    _ \"github.com\u002Flib\u002Fpq\"\n    \"github.com\u002Fgorilla\u002Fwebsocket\"\n)\n\nvar upgrader = websocket.Upgrader{\n    CheckOrigin: func(r *http.Request) bool { return true },\n}\n\ntype Message struct {\n    ID      int    `json:\"id\"`\n    Content string `json:\"content\"`\n}\n\nvar clients = make(map[*websocket.Conn]bool)\n\nfunc main() {\n    \u002F\u002F เชื่อมต่อฐานข้อมูล PostgreSQL\n    db, err := sql.Open(\"postgres\", \"postgres:\u002F\u002Fuser:password@localhost:5432\u002Fdbname?sslmode=disable\")\n    if err != nil {\n        log.Fatal(err)\n    }\n    defer db.Close()\n\n    \u002F\u002F WebSocket handler\n    http.HandleFunc(\"\u002Fws\", func(w http.ResponseWriter, r *http.Request) {\n        ws, err := upgrader.Upgrade(w, r, nil)\n        if err != nil {\n            log.Println(\"Upgrade error:\", err)\n            return\n        }\n        defer ws.Close()\n        clients[ws] = true\n\n        for {\n            _, _, err := ws.ReadMessage()\n            if err != nil {\n                log.Println(\"Client disconnected:\", err)\n                delete(clients, ws)\n                break\n            }\n        }\n    })\n\n    \u002F\u002F Polling database ทุก 5 วินาที\n    go func() {\n        for {\n            rows, err := db.Query(\"SELECT id, content FROM messages ORDER BY id DESC LIMIT 10\")\n            if err != nil {\n                log.Println(\"DB query error:\", err)\n                time.Sleep(5 * time.Second)\n                continue\n            }\n\n            var messages []Message\n            for rows.Next() {\n                var m Message\n                if err := rows.Scan(&m.ID, &m.Content); err == nil {\n                    messages = append(messages, m)\n                }\n            }\n            rows.Close()\n\n            data, _ := json.Marshal(messages)\n            for client := range clients {\n                err := client.WriteMessage(websocket.TextMessage, data)\n                if err != nil {\n                    log.Println(\"Send error:\", err)\n                    client.Close()\n                    delete(clients, client)\n                }\n            }\n\n            time.Sleep(5 * time.Second)\n        }\n    }()\n\n    log.Println(\"🚀 Server started at :8080\")\n    log.Fatal(http.ListenAndServe(\":8080\", nil))\n}\n\u003C\u002Fcode>\u003C\u002Fpre>\u003Cp> \u003C\u002Fp>\u003Ch3>💬 หมายเหตุ:\u003C\u002Fh3>\u003Cul>\u003Cli>ใน production ควรใช้ PostgreSQL \u003Ccode inline=\"\">LISTEN\u002FNOTIFY\u003C\u002Fcode>, Redis Pub\u002FSub หรือ CDC แทนการ polling เพื่อให้ระบบ real-time อย่างแท้จริง\u003C\u002Fli>\u003Cli>ปรับ \u003Ccode inline=\"\">connection pool\u003C\u002Fcode>, เพิ่ม retry logic และจัดการ concurrent connection ให้ดีสำหรับระบบที่มีผู้ใช้จำนวนมาก\u003C\u002Fli>\u003C\u002Ful>\u003Cp> \u003C\u002Fp>\u003Ch2>✅ สิ่งที่ควรทดสอบ\u003C\u002Fh2>\u003Cp> \u003C\u002Fp>\u003Cul>\u003Cli>✅ WebSocket เชื่อมต่อกับฐานข้อมูลได้หรือไม่\u003C\u002Fli>\u003Cli>✅ ข้อมูลถูก push ไปยัง client ทันทีเมื่อมีการเปลี่ยนแปลง\u003C\u002Fli>\u003Cli>✅ ระบบจัดการ disconnect\u002Freconnect ได้อย่างเหมาะสม\u003C\u002Fli>\u003Cli>✅ รองรับ load สูงจากหลาย client พร้อมกัน\u003C\u002Fli>\u003C\u002Ful>\u003Cp> \u003C\u002Fp>\u003Chr>\u003Cp> \u003C\u002Fp>\u003Ch2>🔧 ท้าให้ลอง!\u003C\u002Fh2>\u003Cp> \u003C\u002Fp>\u003Cul>\u003Cli>ใช้ PostgreSQL \u003Ccode inline=\"\">LISTEN\u002FNOTIFY\u003C\u002Fcode> แทน polling\u003C\u002Fli>\u003Cli>ให้ client subscribe ข้อมูลเฉพาะที่เกี่ยวข้องกับตัวเอง (filtered message)\u003C\u002Fli>\u003Cli>แยก WebSocket hub สำหรับจัดการ session, broadcast และ private message\u003C\u002Fli>\u003C\u002Ful>\u003Cp> \u003C\u002Fp>\u003Ch2>🔜 EP ถัดไป:\u003C\u002Fh2>\u003Cp> \u003C\u002Fp>\u003Cp>EP.82 – การใช้งาน WebSocket กับระบบติดตามสถานะแบบเรียลไทม์ (Real-Time Status Tracking)\u003Cbr>คุณจะได้เรียนรู้วิธีสร้างระบบแจ้งเตือนสถานะที่อัปเดตทันทีเมื่อมีการเปลี่ยนแปลง เช่น สถานะของออร์เดอร์ การเช็คอิน การแจ้งเตือนต่าง ๆ\u003C\u002Fp>\u003Cp> \u003C\u002Fp>\u003Cp>\u003Cstrong>อ่านบทความ Series อื่นๆ\u003C\u002Fstrong>\u003C\u002Fp>\u003Cul>\u003Cli>\u003Ca target=\"_blank\" rel=\"noopener noreferrer\" href=\"https:\u002F\u002Fwww.superdev.school\u002Fblogs\u002Fcategories\u002FGolang\">\u003Cstrong>Golang The Series\u003C\u002Fstrong>\u003C\u002Fa>\u003C\u002Fli>\u003Cli>\u003Ca target=\"_blank\" rel=\"noopener noreferrer\" href=\"https:\u002F\u002Fwww.superdev.school\u002Fblogs\u002Fcategories\u002FJS2GO\">\u003Cstrong>JS2GO\u003C\u002Fstrong>\u003C\u002Fa>\u003C\u002Fli>\u003Cli>\u003Ca target=\"_blank\" rel=\"noopener noreferrer\" href=\"https:\u002F\u002Fwww.superdev.school\u002Fblogs\u002Fcategories\u002FTailwind%20CSS\">\u003Cstrong>10 Ep ที่จะให้คุณเป็นมือโปร Tailwind CSS ในชั่วข้ามคืน\u003C\u002Fstrong>\u003C\u002Fa>\u003C\u002Fli>\u003C\u002Ful>\u003Cp>\u003Cstrong>🔵 Facebook: \u003C\u002Fstrong>\u003Ca target=\"_blank\" rel=\"noopener noreferrer\" href=\"https:\u002F\u002Fwww.facebook.com\u002Fsuperdev.school.th\">\u003Cstrong>Superdev School  (Superdev)\u003C\u002Fstrong>\u003C\u002Fa>\u003C\u002Fp>\u003Cp>\u003Cstrong>📸 Instagram: \u003C\u002Fstrong>\u003Ca target=\"_blank\" rel=\"noopener noreferrer\" href=\"https:\u002F\u002Fwww.instagram.com\u002Fsuperdevschool\u002F\">\u003Cstrong>superdevschool\u003C\u002Fstrong>\u003C\u002Fa>\u003C\u002Fp>\u003Cp>\u003Cstrong>🎬 TikTok: \u003C\u002Fstrong>\u003Ca target=\"_blank\" rel=\"noopener noreferrer\" href=\"https:\u002F\u002Fwww.tiktok.com\u002F@superdevschool\">\u003Cstrong>superdevschool\u003C\u002Fstrong>\u003C\u002Fa>\u003C\u002Fp>\u003Cp class=\"\" data-start=\"5978\" data-end=\"6095\">\u003Cstrong>🌐 Website: \u003C\u002Fstrong>\u003Ca target=\"_blank\" rel=\"noopener noreferrer\" href=\"https:\u002F\u002Fwww.superdev.school\u002F\">\u003Cstrong>www.superdev.school\u003C\u002Fstrong>\u003C\u002Fa>\u003C\u002Fp>","133_11zon_7itzoq8fl4.webp","https:\u002F\u002Ftwsme-r2.tumwebsme.com\u002Fsclblg987654321\u002Fj6rzbkzr3lcxsrm\u002F133_11zon_7itzoq8fl4.webp","2026-03-04 08:46:57.402Z","",{"keywords":15,"locale":43,"school_blog":53},[16,23,28,33,38],{"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:34:00.920Z","ecac9y661or1xka","WebSocket","2026-04-10 16:08:05.227Z",{"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: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:44:49.445Z","0ips6v3gj6yy1h7","ระบบเรียลไทม์","2026-04-10 16:12:50.583Z",{"collectionId":17,"collectionName":18,"created":39,"created_by":13,"id":40,"name":41,"updated":42,"updated_by":13},"2026-03-04 08:45:09.799Z","402ofda7qxj0vs0","การเชื่อมต่อฐานข้อมูล","2026-04-10 16:12:55.032Z",{"code":44,"collectionId":45,"collectionName":46,"created":47,"flag":48,"id":49,"is_default":50,"label":51,"updated":52},"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":54,"collectionId":55,"collectionName":56,"expand":57,"id":71,"views":72},"wqxt7ag2gn7xcmk","pbc_2105096300","school_blogs",{"category":58},{"blogIds":59,"collectionId":60,"collectionName":61,"created":62,"created_by":13,"id":54,"image":63,"image_alt":13,"image_path":64,"label":65,"name":66,"priority":67,"publish_at":68,"scheduled_at":13,"status":69,"updated":70,"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":66,"th":66},"Golang The Series",1,"2026-03-16 04:39:38.440Z","published","2026-04-25 02:32:15.470Z","2dtjy4oldwjaleu",235,"j6rzbkzr3lcxsrm",[20,25,30,35,40],"2025-08-27 02:35:16.540Z","สร้างระบบ Push ข้อมูลจากฐานข้อมูล PostgreSQL ไปยัง client แบบเรียลไทม์ด้วย WebSocket และ Go","golang-ep81-websocket-realtime-database","2026-04-25 02:48:10.684Z",{"th":77}]