[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"academy-blogs-th-1-1-all-message-logging-in-websocket-th-all--*":3,"academy-blog-translations-jqdb3rhc9vaa7km":89},{"data":4,"page":77,"perPage":77,"totalItems":77,"totalPages":77},[5],{"alt":6,"collectionId":7,"collectionName":8,"content":9,"cover_image":10,"cover_image_path":11,"created":12,"created_by":13,"expand":14,"id":83,"keywords":84,"locale":59,"published_at":85,"scheduled_at":13,"school_blog":81,"short_description":86,"slug":87,"status":79,"title":6,"updated":88,"updated_by":13,"views":82},"EP.72 การสร้างระบบการบันทึกและจัดเก็บข้อมูลการสนทนา (Message Logging) ใน WebSocket","sclblg987654321","school_blog_translations","\u003Cp>ใน EP.72 นี้ เราจะพูดถึงการสร้างระบบการบันทึกและจัดเก็บข้อมูลการสนทนาใน WebSocket Chat ซึ่งระบบนี้จะช่วยให้สามารถเก็บข้อมูลการสนทนาแบบเรียลไทม์ที่ส่งไปและมาจาก WebSocket Server พร้อมทั้งจัดเก็บข้อความไว้ในฐานข้อมูล เพื่อให้ผู้ใช้สามารถเข้าถึงประวัติการสนทนาได้ภายหลัง\u003C\u002Fp>\u003Cp>การจัดเก็บข้อมูลการสนทนาเป็นส่วนสำคัญสำหรับการติดตามประวัติการใช้งาน, การตรวจสอบเหตุการณ์ต่าง ๆ, และการนำข้อมูลไปใช้วิเคราะห์หรืออ้างอิงในอนาคต นอกจากนี้ยังช่วยในการตรวจสอบพฤติกรรมของผู้ใช้ และเพิ่มความปลอดภัยของระบบแชทโดยรวม\u003C\u002Fp>\u003Cp> \u003C\u002Fp>\u003Ch2>ทำไมต้องใช้ระบบการบันทึกและจัดเก็บข้อมูลการสนทนาใน WebSocket?\u003C\u002Fh2>\u003Cp> \u003C\u002Fp>\u003Cp>ระบบ Message Logging มีประโยชน์หลายด้าน ได้แก่:\u003C\u002Fp>\u003Cul>\u003Cli>บันทึกข้อมูลการสนทนา: เก็บข้อความจากผู้ใช้แต่ละคนแบบต่อเนื่อง เพื่อสามารถนำมาดูย้อนหลังได้\u003C\u002Fli>\u003Cli>ตรวจสอบประวัติ: ตรวจสอบว่าใครส่งข้อความอะไร เมื่อใด และในบริบทใด\u003C\u002Fli>\u003Cli>เพิ่มความปลอดภัย: ติดตามกิจกรรมในห้องแชท ช่วยป้องกันพฤติกรรมที่ไม่เหมาะสม\u003C\u002Fli>\u003Cli>ป้องกันข้อมูลสูญหาย: หากระบบมีปัญหา ข้อความที่สำคัญจะไม่สูญหายเพราะถูกจัดเก็บไว้ในฐานข้อมูล\u003C\u002Fli>\u003C\u002Ful>\u003Cp> \u003C\u002Fp>\u003Ch2>โครงสร้างของระบบการบันทึกและจัดเก็บข้อมูลการสนทนา\u003C\u002Fh2>\u003Cp> \u003C\u002Fp>\u003Cp>ระบบนี้ประกอบด้วยส่วนหลัก 3 ส่วน:\u003C\u002Fp>\u003Col>\u003Cli>การจัดเก็บข้อความลงฐานข้อมูล\u003Cbr>เก็บข้อมูล เช่น ผู้ส่ง, ข้อความ, เวลา และห้องแชท (ถ้ามี)\u003C\u002Fli>\u003Cli>การรับข้อความจาก WebSocket\u003Cbr>เมื่อ WebSocket Server รับข้อความจาก Client จะทำการบันทึกทันที\u003C\u002Fli>\u003Cli>การดึงข้อความย้อนหลัง\u003Cbr>เมื่อผู้ใช้ต้องการดูประวัติการสนทนา ระบบสามารถดึงข้อมูลมาแสดงได้อย่างรวดเร็ว\u003C\u002Fli>\u003C\u002Fol>\u003Cp> \u003C\u002Fp>\u003Ch2>การเพิ่มระบบการบันทึกข้อมูลใน WebSocket Server\u003C\u002Fh2>\u003Cp> \u003C\u002Fp>\u003Cp>เราจะเริ่มต้นด้วยการตั้งค่า WebSocket Server และเชื่อมต่อกับฐานข้อมูล PostgreSQL เพื่อบันทึกข้อความจาก Client ที่ส่งเข้ามา\u003C\u002Fp>\u003Ch3>1. การตั้งค่า WebSocket Server\u003C\u002Fh3>\u003Cpre>\u003Ccode class=\"language-plaintext language-go\">package main\n\nimport (\n    \"database\u002Fsql\"\n    \"log\"\n    \"net\u002Fhttp\"\n    \"sync\"\n    \"time\"\n\n    \"github.com\u002Fgorilla\u002Fwebsocket\"\n    _ \"github.com\u002Flib\u002Fpq\"\n)\n\nvar (\n    clients   = make(map[*websocket.Conn]bool)\n    clientsMu sync.Mutex\n    broadcast = make(chan Message)\n    db        *sql.DB\n)\n\ntype Message struct {\n    User    string    `json:\"user\"`\n    Message string    `json:\"message\"`\n    Time    time.Time `json:\"time\"`\n}\n\nvar upgrader = websocket.Upgrader{\n    CheckOrigin: func(r *http.Request) bool {\n        return true\n    },\n}\n\nfunc init() {\n    var err error\n    db, err = sql.Open(\"postgres\", \"user=username dbname=websocket_chat sslmode=disable\")\n    if err != nil {\n        log.Fatal(\"Database connection error:\", err)\n    }\n}\n\nfunc handleConnections(w http.ResponseWriter, r *http.Request) {\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    clientsMu.Lock()\n    clients[conn] = true\n    clientsMu.Unlock()\n\n    for {\n        var msg Message\n        if err := conn.ReadJSON(&msg); err != nil {\n            log.Println(\"Read error:\", err)\n            clientsMu.Lock()\n            delete(clients, conn)\n            clientsMu.Unlock()\n            break\n        }\n\n        msg.Time = time.Now()\n        saveMessage(msg)\n        broadcast <- msg\n    }\n}\n\nfunc saveMessage(msg Message) {\n    _, err := db.Exec(\"INSERT INTO messages (user, message, time) VALUES ($1, $2, $3)\", msg.User, msg.Message, msg.Time)\n    if err != nil {\n        log.Println(\"Save message error:\", err)\n    }\n}\n\nfunc handleMessages() {\n    for msg := range broadcast {\n        clientsMu.Lock()\n        for client := range clients {\n            if err := client.WriteJSON(msg); err != nil {\n                log.Println(\"Broadcast error:\", err)\n                client.Close()\n                delete(clients, client)\n            }\n        }\n        clientsMu.Unlock()\n    }\n}\n\nfunc main() {\n    http.HandleFunc(\"\u002Fws\", handleConnections)\n    go handleMessages()\n\n    log.Println(\"Server started on :8080\")\n    log.Fatal(http.ListenAndServe(\":8080\", nil))\n}\n\u003C\u002Fcode>\u003C\u002Fpre>\u003Cp> \u003C\u002Fp>\u003Ch3>2. การตั้งค่าฐานข้อมูล (PostgreSQL)\u003C\u002Fh3>\u003Cp>สร้างตารางเพื่อเก็บข้อความที่ถูกส่งผ่าน WebSocket:\u003C\u002Fp>\u003Cpre>\u003Ccode class=\"language-plaintext language-sql\">CREATE TABLE messages (\n    id SERIAL PRIMARY KEY,\n    user VARCHAR(100),\n    message TEXT,\n    time TIMESTAMP DEFAULT CURRENT_TIMESTAMP\n);\n\u003C\u002Fcode>\u003C\u002Fpre>\u003Cp> \u003C\u002Fp>\u003Ch3>3. การดึงข้อมูลจากฐานข้อมูล\u003C\u002Fh3>\u003Cpre>\u003Ccode class=\"language-plaintext language-go\">func getMessages() ([]Message, error) {\n    rows, err := db.Query(\"SELECT user, message, time FROM messages ORDER BY time DESC\")\n    if err != nil {\n        return nil, err\n    }\n    defer rows.Close()\n\n    var messages []Message\n    for rows.Next() {\n        var msg Message\n        if err := rows.Scan(&msg.User, &msg.Message, &msg.Time); err != nil {\n            return nil, err\n        }\n        messages = append(messages, msg)\n    }\n    return messages, nil\n}\n\u003C\u002Fcode>\u003C\u002Fpre>\u003Cp> \u003C\u002Fp>\u003Ch2>การทดสอบระบบการบันทึกข้อมูลการสนทนา\u003C\u002Fh2>\u003Cp>การทดสอบควรครอบคลุม:\u003C\u002Fp>\u003Cul>\u003Cli>✅ การบันทึกข้อความ: เมื่อผู้ใช้ส่งข้อความ ข้อมูลต้องถูกเก็บในฐานข้อมูลทันที\u003C\u002Fli>\u003Cli>✅ การดึงข้อความย้อนหลัง: สามารถดึงข้อความจากฐานข้อมูลกลับมาแสดงได้ครบถ้วน\u003C\u002Fli>\u003Cli>✅ ประสิทธิภาพเมื่อโหลดสูง: ทดสอบการรองรับผู้ใช้จำนวนมาก และข้อความจำนวนมาก\u003C\u002Fli>\u003C\u002Ful>\u003Cp> \u003C\u002Fp>\u003Chr>\u003Cp> \u003C\u002Fp>\u003Ch3>ท้าให้ลอง!\u003C\u002Fh3>\u003Cp>เพิ่มฟีเจอร์ “การค้นหาข้อความ” จากฐานข้อมูล โดยให้ผู้ใช้สามารถค้นหาคีย์เวิร์ดจากประวัติการสนทนาได้แบบเรียลไทม์ 🔍\u003C\u002Fp>\u003Cp> \u003C\u002Fp>\u003Ch3>EP ถัดไป:\u003C\u002Fh3>\u003Cp>ใน EP.73 เราจะมาดู การปรับปรุงการเชื่อมต่อ WebSocket ด้วย WebSocket Compression เพื่อเพิ่มประสิทธิภาพในการส่งข้อมูล ลด Bandwidth และปรับปรุงประสบการณ์ของผู้ใช้!\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>","115_11zon_0gunh37stf.webp","https:\u002F\u002Ftwsme-r2.tumwebsme.com\u002Fsclblg987654321\u002Fbk5hjdzto3oqvsp\u002F115_11zon_0gunh37stf.webp","2026-03-04 08:47:27.181Z","",{"keywords":15,"locale":53,"school_blog":63},[16,23,28,33,38,43,48],{"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:47:05.949Z","caufix9o52uw4bh","Real-Time Chat","2026-04-10 16:13:23.517Z",{"collectionId":17,"collectionName":18,"created":24,"created_by":13,"id":25,"name":26,"updated":27,"updated_by":13},"2026-03-04 08:47:26.703Z","jm8rvm2787wai1e","แชทเก็บประวัติ","2026-04-10 16:13:28.805Z",{"collectionId":17,"collectionName":18,"created":29,"created_by":13,"id":30,"name":31,"updated":32,"updated_by":13},"2026-03-04 08:45:08.439Z","wscthqnz8vx2sox","PostgreSQL","2026-04-10 16:12:54.755Z",{"collectionId":17,"collectionName":18,"created":34,"created_by":13,"id":35,"name":36,"updated":37,"updated_by":13},"2026-03-04 08:46:51.136Z","rbaifonz0tg1ehh","ระบบแชท","2026-04-10 16:13:20.059Z",{"collectionId":17,"collectionName":18,"created":39,"created_by":13,"id":40,"name":41,"updated":42,"updated_by":13},"2026-03-04 08:47:26.375Z","rxfyvn7erlu30jf","Message Logging","2026-04-10 16:13:28.739Z",{"collectionId":17,"collectionName":18,"created":44,"created_by":13,"id":45,"name":46,"updated":47,"updated_by":13},"2026-03-04 08:20:11.547Z","ey3puyme01a9bsw","Go","2026-04-10 16:07:25.893Z",{"collectionId":17,"collectionName":18,"created":49,"created_by":13,"id":50,"name":51,"updated":52,"updated_by":13},"2026-03-04 08:34:00.920Z","ecac9y661or1xka","WebSocket","2026-04-10 16:08:05.227Z",{"code":54,"collectionId":55,"collectionName":56,"created":57,"flag":58,"id":59,"is_default":60,"label":61,"updated":62},"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":64,"collectionId":65,"collectionName":66,"expand":67,"id":81,"views":82},"wqxt7ag2gn7xcmk","pbc_2105096300","school_blogs",{"category":68},{"blogIds":69,"collectionId":70,"collectionName":71,"created":72,"created_by":13,"id":64,"image":73,"image_alt":13,"image_path":74,"label":75,"name":76,"priority":77,"publish_at":78,"scheduled_at":13,"status":79,"updated":80,"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":76,"th":76},"Golang The Series",1,"2026-03-16 04:39:38.440Z","published","2026-04-25 02:32:15.470Z","jqdb3rhc9vaa7km",237,"bk5hjdzto3oqvsp",[20,25,30,35,40,45,50],"2025-08-06 05:13:08.926Z","เรียนรู้การสร้างระบบบันทึกข้อความใน WebSocket Chat ด้วยภาษา Go พร้อมเชื่อมต่อฐานข้อมูล PostgreSQL เพื่อจัดเก็บและเรียกดูข้อความย้อนหลัง","message-logging-in-websocket-th","2026-04-25 02:48:15.441Z",{"th":87}]