Avame terminal ja luuame uus kaust<\/p>\n\n\n\n Seal avame VS code ja kirjutame kood<\/p>\n\n\n\n index.html<\/strong><\/p>\n\n\n\n index.js<\/strong><\/p>\n\n\n\n Siin me t\u00f6\u00f6tame nii WebSocketi kui ka HTTP-ga. Kui kasutaja k\u00fclastab lehte, saadab server talle faili k\u00e4ivitame seda terminalis ja vaatame tulemus<\/p>\n","protected":false},"excerpt":{"rendered":" T\u00e4na loome serveri, mis t\u00f6\u00f6tab HTTP ja WebSocketiga, v\u00f5imaldades saata s\u00f5numeid \u00fchendatud kasutajatele. Loomine Avame terminal ja luuame uus kaust Seal avame VS code ja kirjutame kood index.html index.js Siin me t\u00f6\u00f6tame nii WebSocketi kui ka HTTP-ga. Kui kasutaja k\u00fclastab lehte, saadab server talle faili index.html. Kui keegi \u00fchendub WebSocketi kaudu, v\u00f5tab server vastu s\u00f5numeid, […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2068","page","type-page","status-publish","hentry"],"yoast_head":"\n![\"\"](\"https:\/\/marijagorbunova23.thkit.ee\/wp\/wp-content\/uploads\/2025\/09\/C6C4B0E7-DA67-4E48-BCD1-43FA393246C4.png\")
<\/figure>\n\n\n\n<!doctype html>\n<form name="publish">\n <input type="text" name="message" maxlength="50"\/>\n <input type="submit" value="Send"\/>\n<\/form>\n \n<div id="messages"><\/div>\n \n<script>\n let url = location.host == 'localhost' ?\n 'ws:\/\/localhost:8080\/ws' : location.host == 'javascript.local' ?\n `ws:\/\/javascript.local\/article\/websocket\/chat\/ws` : \/\/ dev integration with local site\n `wss:\/\/javascript.info\/article\/websocket\/chat\/ws`; \/\/ prod integration with javascript.info\n \/\/\u0441\u043e\u0437\u0434\u0430\u0435\u043c \u043e\u0431\u044a\u0435\u043a\u0442 \u0441 \u0432\u0435\u0431\u0441\u043e\u043a\u0435\u0442\u043e\u043c\n let socket = new WebSocket(url);\n \n \/\/ \u043e\u0442\u043f\u0440\u0430\u0432\u043b\u044f\u0435\u043c \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0435 \u043d\u0430 \u0444\u043e\u0440\u043c\u0443\n document.forms.publish.onsubmit = function() {\n let outgoingMessage = this.message.value;\n \n socket.send(outgoingMessage);\n return false;\n };\n \n \/\/ \u043e\u0431\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u0435\u043c \u0432\u0445\u043e\u0434\u044f\u0449\u0438\u0435 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u044f\n socket.onmessage = function(event) {\n let incomingMessage = event.data;\n showMessage(incomingMessage);\n };\n \/\/\u0435\u0441\u043b\u0438 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c \u0437\u0430\u043a\u0440\u044b\u0442 \u0441\u043e\u043a\u0435\u0442, \u0442\u043e \u043f\u0438\u0448\u0435\u043c \u043e\u0431 \u044d\u0442\u043e\u043c \u0432 \u043a\u043e\u043d\u0441\u043e\u043b\u0438\n socket.onclose = event => console.log(`Closed ${event.code}`);\n \n \/\/ \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u043c \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u044f \u0432 div#messages\n function showMessage(message) {\n let messageElem = document.createElement('div');\n messageElem.textContent = message;\n document.getElementById('messages').prepend(messageElem);\n }\n<\/script><\/code><\/pre><\/div>\n\n\n\nconst ws = require('ws'); \nconst http = require('http');\nconst fs = require('fs');\n\nconst wss = new ws.Server({ noServer: true });\n\nfunction accept(req, res) {\n if (req.url === '\/ws' && req.headers.upgrade &&\n req.headers.upgrade.toLowerCase() === 'websocket' &&\n req.headers.connection.match(\/\\bupgrade\\b\/i)) {\n wss.handleUpgrade(req, req.socket, Buffer.alloc(0), onSocketConnect);\n } else if (req.url === '\/') { \n fs.createReadStream({ path: '.\/index.html' }).pipe(res);\n } else { \n res.writeHead(404);\n res.end();\n }\n}\nconst clients = new Set();\n\nfunction onSocketConnect(ws) {\n clients.add(ws);\n \n ws.on('message', function(message) {\n message = message.slice(0, 50); \n for (let client of clients) {\n client.send(message);\n }\n });\n\n ws.on('close', function() {\n console.log('connection closed');\n clients.delete(ws);\n });\n}\n\n\nlet log;\nif (!module["parent"]){\n log = console.log; \n http.createServer(accept).listen(8080);\n}\nelse {\n log = function() {}; \n exports.accept = accept;\n\n}<\/code><\/pre><\/div>\n\n\n\nindex.html<\/code>. Kui keegi \u00fchendub WebSocketi kaudu, v\u00f5tab server vastu s\u00f5numeid, piirab need 50 t\u00e4hem\u00e4rgiga ja saadab k\u00f5ik s\u00f5numid teistele \u00fchendatud kasutajatele. Server t\u00f6\u00f6tab pordil 8080 ja haldab \u00fchendusi: lisab need nimekirja ja eemaldab, kui \u00fchendus suletakse.<\/p>\n\n\n\n![\"\"](\"https:\/\/marijagorbunova23.thkit.ee\/wp\/wp-content\/uploads\/2025\/09\/4601B2C9-32F3-429D-A5CD-4319C482DFBE.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/marijagorbunova23.thkit.ee\/wp\/wp-content\/uploads\/2025\/09\/2004CC9D-7DF2-4DF6-B261-CD6081313E86.png\")
<\/figure>\n\n\n\n