<\/div>\n
Merhaba,<\/p>\n
Node.js’de, websocket \u00e7al\u0131\u015fmas\u0131 yaparken herhangi bir client\u0131n girdi\u011fi odalar\u0131 liste olarak elde etmeyi istiyorsan\u0131z e\u011fer sizlere rehber olabilecek en do\u011fru i\u00e7eriktesiniz demektir \ud83d\ude42<\/p>\n
\u0130lk olarak a\u015fa\u011f\u0131daki websocket \u00e7al\u0131\u015fmas\u0131n\u0131 baz alarak i\u00e7eri\u011fimize ba\u015flarsak e\u011fer;<\/p>\n
\r\nconst http = require("http");\r\nconst socket = require("socket.io");\r\n\r\nconst server = http.createServer((request, response) => response.end("..."));\r\nconst io = socket.listen(server.listen(5000, () => console.log("Started...")));\r\n\r\nconst roomNameSpace = io.of("\/rooms");\r\nroomNameSpace.on("connection", socket => {\r\n    console.log("Connected...");\r\n    socket.on("disconnect", () => console.log("Disconnected..."));\r\n    socket.join("Room1");\r\n    socket.join("Room2");\r\n    socket.join("Room3");\r\n    socket.on("getRooms", () => {\r\n        console.log(socket.rooms);\r\n    });\r\n});\r\n<\/pre>\ng\u00f6r\u00fcld\u00fc\u011f\u00fc \u00fczere client “Room1”, “Room2” ve “Room3” olmak \u00fczere \u00fc\u00e7 farkl\u0131 odaya giri\u015f yapmakta ve “getRooms” event\u0131na talep neticesinde bu odalar console’a yazd\u0131r\u0131lmaktad\u0131r. Bakal\u0131m bu yazd\u0131rma neticesinde nas\u0131l bir formatta veriyle kar\u015f\u0131la\u015f\u0131lmaktad\u0131r?
\n<\/a>
\nDikkat ederseniz e\u011fer;<\/p>\n
\r\n{ \r\n  '\/rooms#fCxJKeepd6kwnL36AAAA': '\/rooms#fCxJKeepd6kwnL36AAAA',\r\n  Room1: 'Room1',\r\n  Room2: 'Room2',\r\n  Room3: 'Room3' \r\n}\r\n<\/pre>\nformat\u0131nda bir json verisi i\u00e7erisinde odalar\u0131m\u0131z\u0131n bilgisi gelmektedir.<\/p>\n
\u0130\u015fte bizler bu veri \u00fczerinde gerekli parse i\u015flemlerini uygulayarak odalar\u0131 ay\u0131klamal\u0131 ve d\u00fczenli bir liste olarak elde edebilmeliyiz. Bu i\u015flem i\u00e7in her ne kadar kendi geli\u015ftirdi\u011finiz algoritmalar\u0131 vs. devreye sokabilece\u011finiz gibi sizleri bu zahmetten ar\u0131nd\u0131ran JavaScript dilinin Object.keys<\/strong><\/em> komutunu da kullanabilirsiniz.<\/p>\nObject.keys Komutu<\/h4>\nElimizdeki;<\/p>\n\r\nlet dizi = [{ "0": "a" }, { "1": "b" }, { "2": "c" }, { "3": "\u00e7" }, { "4": "d" }];\r\n<\/pre>\nformat\u0131ndaki diziyi bizlere;<\/p>\n\r\n[ '0', '1', '2', '3', '4' ]\r\n<\/pre>\n\u015feklinde d\u00f6nen bir fonksiyondur. Benzer mant\u0131kla elimizdeki dizinin de\u011feri a\u015fa\u011f\u0131daki gibi olursa;<\/p>\n\r\nlet dizi = ['a', 'b', 'c', 'd'];\r\n<\/pre>\nbu sefer de\u011ferler yerine a\u015fa\u011f\u0131daki gibi index numaralar\u0131n\u0131 d\u00f6nd\u00fcrecektir;<\/p>\n\r\n[ '0', '1', '2', '3' ]\r\n<\/pre>\nHaliyle “socket.rooms” komutu neticesinde gelen oda verileri, Object.keys<\/em> komutu sayesinde kolay sadele\u015ftirilebilir bir formatta elde edilmektedir.<\/p>\n
Dolay\u0131s\u0131yla Object.keys<\/em> fonksiyonunu a\u015fa\u011f\u0131daki gibi elde etti\u011fim odalara uygulamaktay\u0131m.<\/p>\n\r\nconst http = require("http");\r\nconst socket = require("socket.io");\r\n\r\nconst server = http.createServer((request, response) => response.end("..."));\r\nconst io = socket.listen(server.listen(5000, () => console.log("Started...")));\r\n\r\nconst roomNameSpace = io.of("\/rooms");\r\n\r\nroomNameSpace.on("connection", socket => {\r\n    console.log("Connected...");\r\n    socket.on("disconnect", () => console.log("Disconnected..."));\r\n    socket.join("Room1");\r\n    socket.join("Room2");\r\n    socket.join("Room3");\r\n    socket.on("getRooms", () => {\r\n        console.log(Object.keys(socket.rooms));\r\n    });\r\n});\r\n<\/pre>\n\u0130\u015flem neticesinde client\u0131n giri\u015f yapt\u0131\u011f\u0131 t\u00fcm odalar\u0131n bilgilerini a\u015fa\u011f\u0131daki ekran g\u00f6r\u00fcnt\u00fcs\u00fcnde oldu\u011fu gibi elde etmi\u015f bulunmaktay\u0131z.
\n<\/a><\/p>\n
Haliyle bu bilgileri client’ta listelemek isterseniz a\u015fa\u011f\u0131daki gibi bir \u00e7al\u0131\u015fma yapman\u0131z yeterli olacakt\u0131r.<\/p>\n
\r\nconst http = require("http");\r\nconst socket = require("socket.io");\r\n\r\nconst server = http.createServer((request, response) => response.end("..."));\r\nconst io = socket.listen(server.listen(5000, () => console.log("Started...")));\r\n\r\nconst roomNameSpace = io.of("\/rooms");\r\n\r\nroomNameSpace.on("connection", socket => {\r\n    console.log("Connected...");\r\n    socket.on("disconnect", () => console.log("Disconnected..."));\r\n    socket.join("Room1");\r\n    socket.join("Room2");\r\n    socket.join("Room3");\r\n    socket.on("getRooms", () => {\r\n        socket.emit("getRooms", Object.keys(socket.rooms));\r\n    });\r\n});\r\n<\/pre>\n\r\n<!DOCTYPE html>\r\n<html lang="en">\r\n<head>\r\n    <script src="https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jquery\/3.3.1\/jquery.min.js"><\/script>\r\n    <script src="https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/socket.io\/2.2.0\/socket.io.js"><\/script>\r\n    <script>\r\n        const socket = io.connect("http:\/\/localhost:5000\/rooms");\r\n        $(() => {\r\n            $("#btnGetRooms").click(() => {\r\n                socket.emit("getRooms");\r\n                socket.on("getRooms", allRooms => {\r\n                    let html = "";\r\n                    debugger\r\n                    $.each(allRooms, (i, n) => html += `<li>${n}<\/li>`);\r\n                    $("#ulAllRooms").html(html);\r\n                });\r\n            });\r\n        });\r\n    <\/script>\r\n<\/head>\r\n<body>\r\n    <button id="btnGetRooms">Get Rooms<\/button>\r\n    <ul id="ulAllRooms"> <\/ul>\r\n<\/body>\r\n<\/html>\r\n<\/pre>\n<\/a><\/p>\n
\u0130lgilenenlerin faydalanmas\u0131 dile\u011fiyle…
\nSonraki yaz\u0131lar\u0131mda g\u00f6r\u00fc\u015fmek \u00fczere…
\n\u0130yi \u00e7al\u0131\u015fmalar dilerim…<\/p>\n","protected":false},"excerpt":{"rendered":"
Merhaba, Node.js’de, websocket \u00e7al\u0131\u015fmas\u0131 yaparken herhangi bir client\u0131n girdi\u011fi odalar\u0131 liste olarak elde etmeyi istiyorsan\u0131z e\u011fer sizlere rehber olabilecek en do\u011fru i\u00e7eriktesiniz demektir \ud83d\ude42 \u0130lk olarak a\u015fa\u011f\u0131daki websocket \u00e7al\u0131\u015fmas\u0131n\u0131 baz alarak i\u00e7eri\u011fimize ba\u015flarsak e\u011fer;...<\/p>\n","protected":false},"author":1,"featured_media":8600,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2145],"tags":[2715,2777,2713,2779,2778],"class_list":["post-10526","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-node-js","tag-node-js-websocket","tag-object-keys","tag-websocket","tag-websocket-client-oda-isimleri","tag-websocket-client-rooms-name"],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/posts\/10526","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/comments?post=10526"}],"version-history":[{"count":22,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/posts\/10526\/revisions"}],"predecessor-version":[{"id":10552,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/posts\/10526\/revisions\/10552"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/media\/8600"}],"wp:attachment":[{"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/media?parent=10526"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/categories?post=10526"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/tags?post=10526"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}