[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"academy-blogs-en-1-1-all-websocket-multilingual-support-all--*":3,"academy-blog-translations-0fq0xx5x6dd7v81":84},{"data":4,"page":72,"perPage":72,"totalItems":72,"totalPages":72},[5],{"alt":6,"collectionId":7,"collectionName":8,"content":9,"cover_image":10,"cover_image_path":11,"created":12,"created_by":13,"expand":14,"id":79,"keywords":80,"locale":54,"published_at":81,"scheduled_at":13,"school_blog":76,"short_description":82,"status":74,"title":6,"updated":83,"updated_by":13,"slug":77,"views":78},"EP.74 Customizing WebSocket Server for Multilingual Support","sclblg987654321","school_blog_translations","\u003Cp>In this episode, we'll explore how to customize a WebSocket server to support multiple languages (Multilingual Support) in a real-time chat application. This feature enables users to communicate in their preferred languages without the need for developing separate apps for each language or region.\u003C\u002Fp>\u003Cp> \u003C\u002Fp>\u003Cp>Adding multilingual support is a powerful enhancement for applications targeting global audiences, as it greatly improves usability and user satisfaction across different cultures.\u003C\u002Fp>\u003Cp> \u003C\u002Fp>\u003Ch2>🔸 Why Multilingual Support Matters in WebSocket Chat\u003C\u002Fh2>\u003Cp> \u003C\u002Fp>\u003Cp>1. Broader User Reach:\u003Cbr>Users from different countries can choose the language they're most comfortable with, allowing you to serve a global audience.\u003C\u002Fp>\u003Cp>2. Better Communication Experience:\u003Cbr>Users don’t need to rely on external translation tools — they can chat naturally in their own language.\u003C\u002Fp>\u003Cp>3. Expanding into New Markets:\u003Cbr>Supporting multiple languages opens doors to new regional markets and user bases.\u003C\u002Fp>\u003Cp>4. Enhanced User Experience (UX):\u003Cbr>Users feel more connected and comfortable using an app when they can use it in their native language.\u003C\u002Fp>\u003Cp> \u003C\u002Fp>\u003Ch2>🔸 How to Add Multilingual Support to a WebSocket Server\u003C\u002Fh2>\u003Cp> \u003C\u002Fp>\u003Ch3>1. Managing Language Preferences on the Server\u003C\u002Fh3>\u003Cul>\u003Cli>1.1 Storing User Language Settings\u003Cbr>You can store users' preferred languages in the database or in a session to personalize message responses.\u003C\u002Fli>\u003C\u002Ful>\u003Cpre>\u003Ccode class=\"language-plaintext language-sql\">ALTER TABLE users ADD COLUMN language VARCHAR(10) DEFAULT 'en';\n\u003C\u002Fcode>\u003C\u002Fpre>\u003Cul>\u003Cli>1.2 Sending Messages Based on Language Preference\u003Cbr>Here’s a simple example using Go, Gorilla WebSocket, and PostgreSQL.\u003C\u002Fli>\u003C\u002Ful>\u003Cp> \u003C\u002Fp>\u003Ch3>✅ Full WebSocket Server Example in Go (with Multilingual Support)\u003C\u002Fh3>\u003Cpre>\u003Ccode class=\"language-plaintext language-go\">package main\n\nimport (\n    \"log\"\n    \"net\u002Fhttp\"\n    \"github.com\u002Fgorilla\u002Fwebsocket\"\n    \"database\u002Fsql\"\n    _ \"github.com\u002Flib\u002Fpq\"\n)\n\nvar clients = make(map[*websocket.Conn]string)\nvar db *sql.DB\n\ntype Message struct {\n    User    string `json:\"user\"`\n    Message string `json:\"message\"`\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=chatapp sslmode=disable\")\n    if err != nil {\n        log.Fatal(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(err)\n        return\n    }\n    defer conn.Close()\n\n    lang := r.URL.Query().Get(\"lang\")\n    if lang == \"\" {\n        lang = \"en\"\n    }\n    clients[conn] = lang\n\n    for {\n        var msg Message\n        err := conn.ReadJSON(&msg)\n        if err != nil {\n            log.Println(err)\n            delete(clients, conn)\n            break\n        }\n        translateAndBroadcast(msg, lang)\n    }\n}\n\nfunc translateAndBroadcast(msg Message, lang string) {\n    translatedMessage := msg.Message\n    if lang == \"es\" {\n        translatedMessage = \"¡Hola, \" + msg.User + \"!\"\n    }\n\n    for client := range clients {\n        err := client.WriteJSON(Message{\n            User:    msg.User,\n            Message: translatedMessage,\n        })\n        if err != nil {\n            log.Println(err)\n            client.Close()\n            delete(clients, client)\n        }\n    }\n}\n\nfunc main() {\n    http.HandleFunc(\"\u002F\", handleConnections)\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. Translating Messages Dynamically\u003C\u002Fh3>\u003Cp>Messages can be translated using:\u003C\u002Fp>\u003Cul>\u003Cli>External APIs such as Google Translate API\u003C\u002Fli>\u003Cli>Predefined translation files (e.g., \u003Ccode inline=\"\">.json\u003C\u002Fcode>, \u003Ccode inline=\"\">.yaml\u003C\u002Fcode>) loaded into the app\u003C\u002Fli>\u003C\u002Ful>\u003Cp> \u003C\u002Fp>\u003Ch3>3. Updating the UI to Support Language Selection\u003C\u002Fh3>\u003Cp>On the client side, allow users to choose their preferred language via a dropdown:\u003C\u002Fp>\u003Cpre>\u003Ccode class=\"language-html\"><select id=\"languageSelector\" onchange=\"changeLanguage()\">\n    <option value=\"en\">English<\u002Foption>\n    <option value=\"es\">Español<\u002Foption>\n    <option value=\"fr\">Français<\u002Foption>\n<\u002Fselect>\n\n<script>\nfunction changeLanguage() {\n    var selectedLanguage = document.getElementById(\"languageSelector\").value;\n    \u002F\u002F Send the language preference to WebSocket\n    socket.send(JSON.stringify({ language: selectedLanguage }));\n}\n<\u002Fscript>\n\u003C\u002Fcode>\u003C\u002Fpre>\u003Cp> \u003C\u002Fp>\u003Ch2>🔸 Testing Multilingual Support\u003C\u002Fh2>\u003Cp> \u003C\u002Fp>\u003Cp>Make sure to test the following:\u003C\u002Fp>\u003Cul>\u003Cli>✅ Language Switching: Ensure the server sends messages in the selected language.\u003C\u002Fli>\u003Cli>✅ Message Translation: Confirm that messages are being translated properly.\u003C\u002Fli>\u003Cli>✅ Performance: The server should maintain stable performance even when translating for multiple users in real-time.\u003C\u002Fli>\u003C\u002Ful>\u003Cp> \u003C\u002Fp>\u003Chr>\u003Cp> \u003C\u002Fp>\u003Ch2>💡 Challenge: Build It Better\u003C\u002Fh2>\u003Cp> \u003C\u002Fp>\u003Cp>Try integrating real-time auto-translation so users can communicate in their native languages without barriers — even across language differences!\u003C\u002Fp>\u003Cp> \u003C\u002Fp>\u003Ch2>🔜 Coming Next in EP.75:\u003C\u002Fh2>\u003Cp> \u003C\u002Fp>\u003Cp>Using Redis for User State Management in WebSocket\u003C\u002Fp>\u003Cp>In the next episode, we’ll explore how Redis can be used to manage user presence, chat rooms, and real-time status updates efficiently.\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>","120_11zon_8snewlriet.webp","https:\u002F\u002Ftwsme-r2.tumwebsme.com\u002Fsclblg987654321\u002Fmwmvgb83gcd8oly\u002F120_11zon_8snewlriet.webp","2026-03-04 08:47:14.699Z","",{"keywords":15,"locale":48,"school_blog":58},[16,23,28,33,38,43],{"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:14.191Z","7u338iztio7kpzz","Multilingual Support","2026-04-10 16:13:25.674Z",{"collectionId":17,"collectionName":18,"created":24,"created_by":13,"id":25,"name":26,"updated":27,"updated_by":13},"2026-03-04 08:33:59.315Z","btmgtfwmgpke1aa","Go language","2026-04-10 16:08:04.625Z",{"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:46:14.782Z","v0mhensk18fofru","WebSocket Chat","2026-04-10 16:13:10.563Z",{"collectionId":17,"collectionName":18,"created":44,"created_by":13,"id":45,"name":46,"updated":47,"updated_by":13},"2026-03-04 08:34:00.920Z","ecac9y661or1xka","WebSocket","2026-04-10 16:08:05.227Z",{"code":49,"collectionId":50,"collectionName":51,"created":52,"flag":53,"id":54,"is_default":55,"label":56,"updated":57},"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":59,"collectionId":60,"collectionName":61,"created":13,"expand":62,"id":76,"slug":77,"updated":13,"views":78},"wqxt7ag2gn7xcmk","pbc_2105096300","school_blogs",{"category":63},{"blogIds":64,"collectionId":65,"collectionName":66,"created":67,"created_by":13,"id":59,"image":68,"image_alt":13,"image_path":69,"label":70,"name":71,"priority":72,"publish_at":73,"scheduled_at":13,"status":74,"updated":75,"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":71,"th":71},"Golang The Series",1,"2026-03-16 04:39:38.440Z","published","2026-04-25 02:32:15.470Z","0fq0xx5x6dd7v81","websocket-multilingual-support",231,"mwmvgb83gcd8oly",[20,25,30,35,40,45],"2025-08-08 01:58:21.005Z","Learn how to enable multilingual support in your WebSocket Chat application using user language preferences, automatic translation, and UI localization techniques — all to enhance global user experience.","2026-05-06 08:38:17.310Z",{"th":77,"en":77}]