[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"academy-blogs-en-1-1-all-golang-ep81-websocket-real-time-db-all--*":3,"academy-blog-translations-1msoypgu41qq15l":80},{"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":75,"keywords":76,"locale":49,"published_at":77,"scheduled_at":13,"school_blog":71,"short_description":78,"status":69,"title":6,"updated":79,"updated_by":13,"slug":72,"views":74},"EP.81 Using WebSocket for Real-Time Database Integration","sclblg987654321","school_blog_translations","\u003Cp>In this episode, we’ll walk you through how to connect WebSocket with a database to enable real-time data updates in your application. With this setup, users can immediately see changes without needing to refresh the page — ideal for:\u003C\u002Fp>\u003Cul>\u003Cli>Real-time product inventory displays\u003C\u002Fli>\u003Cli>Live order update notifications\u003C\u002Fli>\u003Cli>Dashboards and status feeds that reflect data instantly\u003C\u002Fli>\u003C\u002Ful>\u003Cp> \u003C\u002Fp>\u003Ch2>🔍 Why Use WebSocket for Real-Time Database Sync?\u003C\u002Fh2>\u003Cp> \u003C\u002Fp>\u003Cp>✅ Eliminate excessive polling\u003Cbr>Clients no longer need to send repeated HTTP requests every few seconds to check for updates.\u003C\u002Fp>\u003Cp>✅ Faster data delivery\u003Cbr>Changes are pushed directly from the server to the clients without delay.\u003C\u002Fp>\u003Cp>✅ Supports multiple users simultaneously\u003Cbr>One backend can broadcast updates to many connected clients at once.\u003C\u002Fp>\u003Cp> \u003C\u002Fp>\u003Ch2>🧠 Basic Architecture Overview\u003C\u002Fh2>\u003Cp> \u003C\u002Fp>\u003Cpre>\u003Ccode class=\"language-plaintext language-text\">Database ⇄ Backend (Go + WebSocket) ⇄ Clients (Web \u002F Mobile)\n\u003C\u002Fcode>\u003C\u002Fpre>\u003Ch3>Concept:\u003C\u002Fh3>\u003Cul>\u003Cli>Backend connects to a database (e.g., PostgreSQL \u002F MySQL \u002F MongoDB)\u003C\u002Fli>\u003Cli>On \u003Ccode inline=\"\">Insert\u003C\u002Fcode>, \u003Ccode inline=\"\">Update\u003C\u002Fcode>, or \u003Ccode inline=\"\">Delete\u003C\u002Fcode>, the backend pushes new data to clients over WebSocket\u003C\u002Fli>\u003Cli>Clients receive the data and update the UI instantly\u003C\u002Fli>\u003C\u002Ful>\u003Cp> \u003C\u002Fp>\u003Ch2>✅ Full Example in 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 Connect to 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 endpoint\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 the database every 5 seconds\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>\u003Ch2>💬 Notes:\u003C\u002Fh2>\u003Cp> \u003C\u002Fp>\u003Cul>\u003Cli>In production, prefer using PostgreSQL LISTEN\u002FNOTIFY, Redis Pub\u002FSub, or CDC tools instead of polling for truly real-time delivery.\u003C\u002Fli>\u003Cli>Adjust connection pooling, implement retry logic, and manage concurrent connections carefully to handle high loads efficiently.\u003C\u002Fli>\u003C\u002Ful>\u003Cp> \u003C\u002Fp>\u003Ch2>✅ Key Things to Test:\u003C\u002Fh2>\u003Cp> \u003C\u002Fp>\u003Cul>\u003Cli>WebSocket correctly connected to your database\u003C\u002Fli>\u003Cli>New data is pushed to clients immediately when inserted\u002Fupdated\u003C\u002Fli>\u003Cli>Clients gracefully handle disconnections and reconnections\u003C\u002Fli>\u003Cli>The server performs well under concurrent connections from many users\u003C\u002Fli>\u003C\u002Ful>\u003Cp> \u003C\u002Fp>\u003Chr>\u003Cp> \u003C\u002Fp>\u003Ch2>🔧 Challenge: Improve It Further!\u003C\u002Fh2>\u003Cp> \u003C\u002Fp>\u003Cp>Try implementing:\u003C\u002Fp>\u003Cul>\u003Cli>\u003Ccode inline=\"\">LISTEN\u002FNOTIFY\u003C\u002Fcode> in PostgreSQL to eliminate polling entirely\u003C\u002Fli>\u003Cli>Filtered subscriptions: Send only relevant updates to each client\u003C\u002Fli>\u003Cli>A dedicated WebSocket hub: Manage sessions, broadcast, and private messaging\u003C\u002Fli>\u003C\u002Ful>\u003Cp> \u003C\u002Fp>\u003Ch2>🔜 Coming Next:\u003C\u002Fh2>\u003Cp> \u003C\u002Fp>\u003Cp>EP.82 – Real-Time Status Tracking with WebSocket\u003C\u002Fp>\u003Cp>We’ll show you how to build a real-time status update system — perfect for live order statuses, check-in systems, delivery tracking, and more. Stay tuned!\u003C\u002Fp>\u003Cp> \u003C\u002Fp>\u003Cp data-start=\"498\" data-end=\"834\">\u003Cstrong>Read more\u003C\u002Fstrong>\u003C\u002Fp>\u003Cul>\u003Cli>\u003Cp data-start=\"498\" data-end=\"834\">\u003Ca target=\"_blank\" rel=\"noopener noreferrer\" href=\"https:\u002F\u002Fwww.superdev.school\u002Fblogs\u002Fcategories\u002FGolang\">\u003Cstrong>Golang The Series\u003C\u002Fstrong>\u003C\u002Fa>\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp data-start=\"498\" data-end=\"834\">\u003Ca target=\"_blank\" rel=\"noopener noreferrer\" href=\"https:\u002F\u002Fwww.superdev.school\u002Fblogs\u002Fcategories\u002FJS2GO\">\u003Cstrong>JS2GO\u003C\u002Fstrong>\u003C\u002Fa>\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp data-start=\"498\" data-end=\"834\">\u003Ca target=\"_blank\" rel=\"noopener noreferrer\" href=\"https:\u002F\u002Fwww.superdev.school\u002Fen\u002Fblogs\u002Fcategories\u002FTailwind%20CSS\">\u003Cstrong>10 Eps That Will Make You a Pro Tailwind CSS Overnight\u003C\u002Fstrong>\u003C\u002Fa>\u003C\u002Fp>\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>","134_11zon_g5h64murql.webp","https:\u002F\u002Ftwsme-r2.tumwebsme.com\u002Fsclblg987654321\u002F541ptgi672j6h5e\u002F134_11zon_g5h64murql.webp","2026-03-04 08:46:57.818Z","",{"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:46:57.291Z","59uv001u4usf3yf","go websocket","2026-04-10 16:13:20.817Z",{"collectionId":17,"collectionName":18,"created":24,"created_by":13,"id":25,"name":26,"updated":27,"updated_by":13},"2026-03-04 08:46:57.507Z","dnkvj5bxgh707wk","real-time backend","2026-04-10 16:13:20.949Z",{"collectionId":17,"collectionName":18,"created":29,"created_by":13,"id":30,"name":31,"updated":32,"updated_by":13},"2026-03-04 08:20:14.253Z","ah6lvy4x8qe08l5","Golang","2026-04-10 16:07:26.172Z",{"collectionId":17,"collectionName":18,"created":34,"created_by":13,"id":35,"name":36,"updated":37,"updated_by":13},"2026-03-04 08:20:11.547Z","ey3puyme01a9bsw","Go","2026-04-10 16:07:25.893Z",{"collectionId":17,"collectionName":18,"created":39,"created_by":13,"id":40,"name":41,"updated":42,"updated_by":13},"2026-03-04 08:34:00.920Z","ecac9y661or1xka","WebSocket","2026-04-10 16:08:05.227Z",{"code":44,"collectionId":45,"collectionName":46,"created":47,"flag":48,"id":49,"is_default":50,"label":51,"updated":52},"en","pbc_1989393366","locales","2026-01-22 11:00:02.726Z","twemoji:flag-united-states","qv9c1llfov2d88z",false,"English","2026-04-10 15:42:46.825Z",{"category":54,"collectionId":55,"collectionName":56,"created":13,"expand":57,"id":71,"slug":72,"updated":73,"views":74},"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","1msoypgu41qq15l","golang-ep81-websocket-real-time-db","2026-05-11 22:13:11.548Z",211,"541ptgi672j6h5e",[20,25,30,35,40],"2025-08-27 02:35:13.038Z","Build a real-time data sync system using WebSocket and Go by pushing updates directly from PostgreSQL","2026-04-25 02:48:10.858Z",{"th":72,"en":72}]