[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"academy-blogs-en-1-1-all-golang-websocket-realtime-status-tracking-all--*":3,"academy-blog-faqs-rntmbourabwlspc-en":81,"academy-blog-translations-rntmbourabwlspc":82},{"data":4,"page":67,"perPage":67,"totalItems":67,"totalPages":67},[5],{"alt":6,"collectionId":7,"collectionName":8,"content":9,"cover_image":10,"cover_image_l_url":11,"cover_image_m_url":12,"cover_image_path":13,"cover_image_s_url":14,"created":15,"created_by":16,"expand":17,"id":75,"keywords":76,"locale":47,"published_at":77,"scheduled_at":55,"school_blog":71,"short_description":78,"status":69,"title":6,"updated":79,"updated_by":80,"slug":72,"views":74},"EP.82 Using WebSocket for Real-Time Status Tracking","sclblg987654321","school_blog_translations","\u003Cp>In this episode, we’ll show you how to build a real-time status tracking system using Go and WebSocket — ideal for:\u003C\u002Fp>\u003Cp>✅ Tracking user status\u003Cbr>✅ Monitoring server health\u003Cbr>✅ Monitoring IoT device activity\u003C\u002Fp>\u003Cp>Every status update is pushed to users instantly — no polling or refreshing needed — ensuring low latency and real-time responsiveness.\u003C\u002Fp>\u003Cp>&nbsp;\u003C\u002Fp>\u003Ch2>🔍 Why Use WebSocket for Status Tracking?\u003C\u002Fh2>\u003Cp>&nbsp;\u003C\u002Fp>\u003Cp>A status tracking system must be fast and persistent. WebSocket offers:\u003C\u002Fp>\u003Cp>✳️ Persistent connection — no need to reopen HTTP requests\u003Cbr>✳️ Real-time two-way communication — instant push from server to client\u003Cbr>✳️ Reduced resource usage — compared to frequent polling\u003C\u002Fp>\u003Cp>&nbsp;\u003C\u002Fp>\u003Ch2>✅ Basic Architecture\u003C\u002Fh2>\u003Cp>&nbsp;\u003C\u002Fp>\u003Cpre>\u003Ccode class=\"language-plaintext language-mermaid\">graph LR\nA[Data Source&lt;br&gt;(DB, Sensor, etc.)] --&gt; B[WebSocket Server&lt;br&gt;(Golang)]\nB --&gt; C[Client&lt;br&gt;(Web\u002FMobile)]\n\u003C\u002Fcode>\u003C\u002Fpre>\u003Cp>&nbsp;\u003C\u002Fp>\u003Cp>Data Source: The source of status updates (database, sensor, etc.)\u003Cbr>WebSocket Server: Detects and sends updates to connected clients\u003Cbr>Client: Displays the latest status in real-time\u003C\u002Fp>\u003Cp>&nbsp;\u003C\u002Fp>\u003Ch2>📦 WebSocket Server Example in Go\u003C\u002Fh2>\u003Cp>&nbsp;\u003C\u002Fp>\u003Cpre>\u003Ccode class=\"language-plaintext language-go\">package main\n\nimport (\n    \"log\"\n    \"net\u002Fhttp\"\n    \"time\"\n    \"github.com\u002Fgorilla\u002Fwebsocket\"\n)\n\nvar upgrader = websocket.Upgrader{\n    CheckOrigin: func(r *http.Request) bool { return true },\n}\n\ntype Client struct {\n    Conn *websocket.Conn\n    ID   string\n}\n\nvar clients = make(map[*Client]bool)\n\nfunc handleConnections(w http.ResponseWriter, r *http.Request) {\n    ws, err := upgrader.Upgrade(w, r, nil)\n    if err != nil {\n        log.Println(\"Error upgrading:\", err)\n        return\n    }\n    defer ws.Close()\n\n    client := &amp;Client{Conn: ws, ID: r.RemoteAddr}\n    clients[client] = true\n\n    log.Println(\"[+] Connected:\", client.ID)\n\n    for {\n        _, _, err := ws.ReadMessage()\n        if err != nil {\n            log.Println(\"[-] Disconnected:\", client.ID)\n            delete(clients, client)\n            break\n        }\n    }\n}\n\nfunc broadcastStatus() {\n    for {\n        statusUpdate := map[string]interface{}{\n            \"timestamp\": time.Now().Format(time.RFC3339),\n            \"status\":    \"active\",\n        }\n\n        for client := range clients {\n            err := client.Conn.WriteJSON(statusUpdate)\n            if err != nil {\n                log.Println(\"[x] Send error to\", client.ID, \":\", err)\n                client.Conn.Close()\n                delete(clients, client)\n            }\n        }\n\n        time.Sleep(5 * time.Second)\n    }\n}\n\nfunc main() {\n    http.HandleFunc(\"\u002Fws\", handleConnections)\n    go broadcastStatus()\n\n    log.Println(\"🚀 WebSocket server running on :8080\")\n    err := http.ListenAndServe(\":8080\", nil)\n    if err != nil {\n        log.Fatal(\"Server error:\", err)\n    }\n}\n\u003C\u002Fcode>\u003C\u002Fpre>\u003Cp>&nbsp;\u003C\u002Fp>\u003Ch2>🔎 Code Breakdown\u003C\u002Fh2>\u003Cp>&nbsp;\u003C\u002Fp>\u003Cfigure class=\"table\">\u003Ctable>\u003Cthead>\u003Ctr>\u003Cth>Function\u003C\u002Fth>\u003Cth>Purpose\u003C\u002Fth>\u003C\u002Ftr>\u003C\u002Fthead>\u003Ctbody>\u003Ctr>\u003Ctd>\u003Ccode inline=\"\">handleConnections\u003C\u002Fcode>\u003C\u002Ftd>\u003Ctd>Accept new WebSocket clients and track them\u003C\u002Ftd>\u003C\u002Ftr>\u003Ctr>\u003Ctd>\u003Ccode inline=\"\">broadcastStatus\u003C\u002Fcode>\u003C\u002Ftd>\u003Ctd>Periodically push JSON status updates to all clients\u003C\u002Ftd>\u003C\u002Ftr>\u003Ctr>\u003Ctd>\u003Ccode inline=\"\">main\u003C\u002Fcode>\u003C\u002Ftd>\u003Ctd>Start the server and the background broadcaster routine\u003C\u002Ftd>\u003C\u002Ftr>\u003C\u002Ftbody>\u003C\u002Ftable>\u003C\u002Ffigure>\u003Cp>&nbsp;\u003C\u002Fp>\u003Ch2>🧠 Production-Ready Enhancements\u003C\u002Fh2>\u003Cp>&nbsp;\u003C\u002Fp>\u003Cfigure class=\"table\">\u003Ctable>\u003Cthead>\u003Ctr>\u003Cth>Feature\u003C\u002Fth>\u003Cth>Description\u003C\u002Fth>\u003C\u002Ftr>\u003C\u002Fthead>\u003Ctbody>\u003Ctr>\u003Ctd>✅ Use channels\u002Fobserver\u003C\u002Ftd>\u003Ctd>Push data only when changes occur instead of using a timer\u003C\u002Ftd>\u003C\u002Ftr>\u003Ctr>\u003Ctd>✅ Redis Pub\u002FSub \u002F Kafka\u003C\u002Ftd>\u003Ctd>Support multi-instance scalable broadcasting\u003C\u002Ftd>\u003C\u002Ftr>\u003Ctr>\u003Ctd>✅ Heartbeat &amp; Reconnect\u003C\u002Ftd>\u003Ctd>Detect disconnected clients and auto-reconnect\u003C\u002Ftd>\u003C\u002Ftr>\u003Ctr>\u003Ctd>✅ Session management\u003C\u002Ftd>\u003Ctd>Manage client login states and send filtered updates\u003C\u002Ftd>\u003C\u002Ftr>\u003C\u002Ftbody>\u003C\u002Ftable>\u003C\u002Ffigure>\u003Cp>&nbsp;\u003C\u002Fp>\u003Chr>\u003Cp>&nbsp;\u003C\u002Fp>\u003Ch2>🚀 Challenge: Build Your Own!\u003C\u002Fh2>\u003Cp>&nbsp;\u003C\u002Fp>\u003Cul>\u003Cli>Track multiple users or servers and broadcast only relevant data\u003C\u002Fli>\u003Cli>Integrate with a real-time database (e.g., PostgreSQL \u003Ccode inline=\"\">LISTEN\u002FNOTIFY\u003C\u002Fcode>, Redis Streams)\u003C\u002Fli>\u003Cli>Create a live UI dashboard — like a control room or admin panel\u003C\u002Fli>\u003C\u002Ful>\u003Cp>&nbsp;\u003C\u002Fp>\u003Ch2>🔜 Coming Next\u003C\u002Fh2>\u003Cp>&nbsp;\u003C\u002Fp>\u003Cp>EP.83: Building Real-Time Collaborative Apps with WebSocket\u003Cbr>We’ll explore how to use WebSocket in collaborative tools like shared document editing, whiteboards, or team chat — where multiple users work together in real-time.\u003C\u002Fp>\u003Cp>&nbsp;\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.superdevacademy.com\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.superdevacademy.com\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.superdevacademy.com\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.academy.th\">\u003Cstrong>Superdev Academy Thailand\u003C\u002Fstrong>\u003C\u002Fa>\u003C\u002Fp>\u003Cp>\u003Cstrong>🎬 YouTube: \u003C\u002Fstrong>\u003Ca target=\"_blank\" rel=\"noopener noreferrer\" href=\"https:\u002F\u002Fwww.youtube.com\u002F@SuperdevAcademy\">\u003Cstrong>Superdev Academy Channel\u003C\u002Fstrong>\u003C\u002Fa>\u003C\u002Fp>\u003Cp>\u003Cstrong>📸 Instagram: \u003C\u002Fstrong>\u003Ca target=\"_blank\" rel=\"noopener noreferrer\" href=\"https:\u002F\u002Fwww.instagram.com\u002Fsuperdevacademy\u002F\">\u003Cstrong>@superdevacademy\u003C\u002Fstrong>\u003C\u002Fa>\u003C\u002Fp>\u003Cp>\u003Cstrong>🎬 TikTok: \u003C\u002Fstrong>\u003Ca target=\"_blank\" rel=\"noopener noreferrer\" href=\"https:\u002F\u002Fwww.tiktok.com\u002F@superdevacademy?lang=th-TH\">\u003Cstrong>@superdevacademy\u003C\u002Fstrong>\u003C\u002Fa>\u003C\u002Fp>","136_11zon_qz2gwu6q84.webp","https:\u002F\u002Ftwsme-r2.tumwebsme.com\u002Fsclblg987654321\u002F4pmxtd6lwyejih4\u002Fl\u002F136_11zon_qz2gwu6q84.webp","https:\u002F\u002Ftwsme-r2.tumwebsme.com\u002Fsclblg987654321\u002F4pmxtd6lwyejih4\u002Fm\u002F136_11zon_qz2gwu6q84.webp","https:\u002F\u002Ftwsme-r2.tumwebsme.com\u002Fsclblg987654321\u002F4pmxtd6lwyejih4\u002F136_11zon_qz2gwu6q84.webp","https:\u002F\u002Ftwsme-r2.tumwebsme.com\u002Fsclblg987654321\u002F4pmxtd6lwyejih4\u002Fs\u002F136_11zon_qz2gwu6q84.webp","2026-03-04 08:46:56.521Z","76qprkevbgfdps8",{"keywords":18,"locale":41,"school_blog":51},[19,26,31,36],{"collectionId":20,"collectionName":21,"created":22,"created_by":16,"id":23,"name":24,"updated":25,"updated_by":16},"sclkey987654321","school_keywords","2026-03-04 08:44:47.893Z","1r53azecnj44o3t","Real-time","2026-06-07 06:46:38.989Z",{"collectionId":20,"collectionName":21,"created":27,"created_by":16,"id":28,"name":29,"updated":30,"updated_by":16},"2026-03-04 08:20:14.253Z","ah6lvy4x8qe08l5","Golang","2026-06-07 06:45:08.193Z",{"collectionId":20,"collectionName":21,"created":32,"created_by":16,"id":33,"name":34,"updated":35,"updated_by":16},"2026-03-04 08:20:11.547Z","ey3puyme01a9bsw","Go","2026-06-07 06:45:07.798Z",{"collectionId":20,"collectionName":21,"created":37,"created_by":16,"id":38,"name":39,"updated":40,"updated_by":16},"2026-03-04 08:34:00.920Z","ecac9y661or1xka","WebSocket","2026-06-07 06:45:55.734Z",{"code":42,"collectionId":43,"collectionName":44,"created":45,"flag":46,"id":47,"is_default":48,"label":49,"updated":50},"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":52,"collectionId":53,"collectionName":54,"created":55,"expand":56,"id":71,"slug":72,"updated":73,"views":74},"wqxt7ag2gn7xcmk","pbc_2105096300","school_blogs","",{"category":57},{"blogIds":58,"collectionId":59,"collectionName":60,"created":61,"created_by":16,"id":52,"image":62,"image_alt":55,"image_path":63,"image_s_url":64,"label":65,"name":66,"priority":67,"publish_at":68,"scheduled_at":55,"status":69,"updated":70,"updated_by":16},[],"sclcatblg987654321","school_category_blogs","2026-03-04 08:33:53.210Z","59ty92ns80w_15oc1implw_bj2o4tjgh4.webp","https:\u002F\u002Ftwsme-r2.tumwebsme.com\u002Fsclcatblg987654321\u002Fwqxt7ag2gn7xcmk\u002F59ty92ns80w_15oc1implw_bj2o4tjgh4.webp","https:\u002F\u002Ftwsme-r2.tumwebsme.com\u002Fsclcatblg987654321\u002Fwqxt7ag2gn7xcmk\u002Fs\u002F59ty92ns80w_15oc1implw_bj2o4tjgh4.webp",{"en":66,"th":66},"Golang The Series",1,"2026-03-16 04:39:38.440Z","published","2026-08-18 14:48:36.739Z","rntmbourabwlspc","golang-websocket-realtime-status-tracking","2026-10-20 17:03:47.960Z",230,"4pmxtd6lwyejih4",[23,28,33,38],"2025-08-29 02:32:27.514Z","Learn how to build a real-time status tracking system using WebSocket in Go. Full working example included with support for multiple clients and instant status updates.","2026-10-14 03:35:23.168Z","ebkf8ra4nd55ual",[],{"th":72,"en":72}]