G\u00fcn\u00fcm\u00fcz dijital d\u00fcnyas\u0131nda, kullan\u0131c\u0131lar\u0131n anl\u0131k etkile\u015fim beklentisi her ge\u00e7en g\u00fcn art\u0131yor. E-ticaret sitelerinde canl\u0131 destekten \u00e7ok oyunculu oyunlara, finansal piyasa takip uygulamalar\u0131ndan sosyal medya platformlar\u0131na kadar pek \u00e7ok alanda ger\u00e7ek zamanl\u0131 ileti\u015fim, kullan\u0131c\u0131 deneyiminin temelini olu\u015fturuyor. Peki, geleneksel web teknolojileri bu dinamik ihtiyac\u0131 kar\u015f\u0131larken neden yetersiz kal\u0131yor ve modern uygulamalar i\u00e7in \u00e7ift y\u00f6nl\u00fc, d\u00fc\u015f\u00fck gecikmeli ileti\u015fimi nas\u0131l sa\u011fl\u0131yoruz? Bu detayl\u0131 rehberde, WebSockets teknolojisinin g\u00fcc\u00fcn\u00fc ke\u015ffedecek, s\u0131f\u0131rdan ad\u0131m ad\u0131m ger\u00e7ek zamanl\u0131 bir sohbet uygulamas\u0131 in\u015fa edecek ve performans, g\u00fcvenlik gibi kritik konulara derinlemesine de\u011finece\u011fiz.<\/p>\n

Modern web ve mobil uygulamalar\u0131n kalbinde yatan temel beklentilerden biri, h\u0131z ve an\u0131ndal\u0131k. Bir e-ticaret sitesinde m\u00fc\u015fteri hizmetleriyle anl\u0131k ileti\u015fime ge\u00e7mek, bir spor m\u00fcsabakas\u0131n\u0131n skorunu saniye saniye takip etmek ya da bir proje \u00fczerinde ekip arkada\u015flar\u0131n\u0131zla e\u015f zamanl\u0131 olarak mesajla\u015fmak; t\u00fcm bunlar, “ger\u00e7ek zamanl\u0131” kavram\u0131n\u0131n g\u00fcnl\u00fck hayat\u0131m\u0131zdaki yans\u0131malar\u0131d\u0131r. Geleneksel HTTP tabanl\u0131 web ileti\u015fimi, bu t\u00fcr senaryolar i\u00e7in do\u011fas\u0131 gere\u011fi baz\u0131 s\u0131n\u0131rlamalara sahiptir. Her istek i\u00e7in yeni bir ba\u011flant\u0131 kurma ve kapatma d\u00f6ng\u00fcs\u00fc, \u00f6zellikle y\u00fcksek frekansl\u0131 veri al\u0131\u015fveri\u015fi gerektiren uygulamalarda ciddi bir gecikme ve kaynak israf\u0131 yarat\u0131r. Dolay\u0131s\u0131yla, kullan\u0131c\u0131lar mesajlar\u0131n\u0131n an\u0131nda iletilmesini ve geri d\u00f6n\u00fc\u015flerin beklemeden gelmesini isterken, geli\u015ftiriciler de bu beklentiyi kar\u015f\u0131lamak i\u00e7in daha verimli yollar aramak zorundad\u0131r.<\/p>\n

Bu noktada, WebSockets devreye girerek iki y\u00f6nl\u00fc, s\u00fcrekli ve d\u00fc\u015f\u00fck gecikmeli bir ileti\u015fim kanal\u0131 sunar. D\u00fc\u015f\u00fcn\u00fcn ki, geleneksel HTTP bir mektup g\u00f6ndermek gibiydi: her yeni bilgi par\u00e7as\u0131 i\u00e7in yeni bir zarf haz\u0131rlaman\u0131z, postaneye gitmeniz ve kar\u015f\u0131 taraf\u0131n da ayn\u0131 s\u00fcreci tekrarlamas\u0131 gerekiyordu. WebSockets ise, adeta iki ki\u015fi aras\u0131nda s\u00fcrekli a\u00e7\u0131k kalan bir telefon hatt\u0131 gibidir. Bir kez ba\u011flant\u0131 kuruldu\u011funda, her iki taraf da istedi\u011fi zaman ve h\u0131zl\u0131 bir \u015fekilde veri g\u00f6nderebilir veya alabilir. Bu kesintisiz ileti\u015fim, m\u00fc\u015fteri destek platformlar\u0131nda anl\u0131k yan\u0131t s\u00fcreleri, online oyunlarda sorunsuz etkile\u015fimler ve canl\u0131 veri panolar\u0131nda s\u00fcrekli g\u00fcncellenen bilgiler gibi bir\u00e7ok ger\u00e7ek d\u00fcnya senaryosunda kritik bir rol oynar. \u00d6rne\u011fin, bir canl\u0131 yay\u0131n platformunda izleyicilerin yorumlar\u0131n\u0131n an\u0131nda ekranda belirmesi ya da \u00e7ok oyunculu bir satran\u00e7 oyununda rakibin hamlesinin milisaniyeler i\u00e7inde size ula\u015fmas\u0131, WebSockets sayesinde m\u00fcmk\u00fcn olmaktad\u0131r. Bu teknoloji sadece h\u0131z\u0131 art\u0131rmakla kalmaz, ayn\u0131 zamanda sunucu ve istemci aras\u0131ndaki ileti\u015fim trafi\u011fini de optimize ederek daha verimli kaynak kullan\u0131m\u0131na olanak tan\u0131r.<\/p>\n

Uzman \u0130pucu: Ger\u00e7ek zamanl\u0131 uygulamalar\u0131n temelinde yatan beklentiyi anlamak, do\u011fru teknolojiyi se\u00e7mek ve kullan\u0131c\u0131 deneyimini zirveye ta\u015f\u0131mak i\u00e7in kritik \u00f6neme sahiptir. WebSockets, bu beklentiyi kar\u015f\u0131lamada ba\u015fvuraca\u011f\u0131n\u0131z en g\u00fc\u00e7l\u00fc ara\u00e7lardan biridir.<\/div>\n

WebSockets Nedir ve Geleneksel HTTP’den Farklar\u0131 Nelerdir?<\/h2>\n
WebSockets, web taray\u0131c\u0131lar\u0131 ve sunucular aras\u0131nda tam \u00e7ift y\u00f6nl\u00fc (full-duplex) ileti\u015fim kanallar\u0131 a\u00e7maya olanak tan\u0131yan geli\u015fmi\u015f bir teknolojidir. Bu, istemcinin ve sunucunun ayn\u0131 anda birbirine veri g\u00f6nderebilece\u011fi anlam\u0131na gelir, t\u0131pk\u0131 iki y\u00f6nl\u00fc bir otoyol gibi. Geleneksel HTTP protokol\u00fc ise daha \u00e7ok tek y\u00f6nl\u00fc bir sokak gibidir; istemci bir istek g\u00f6nderir, sunucu bir yan\u0131t verir ve ba\u011flant\u0131 genellikle kapan\u0131r. Bu temel fark, WebSockets’\u0131 ger\u00e7ek zamanl\u0131 uygulamalar i\u00e7in vazge\u00e7ilmez k\u0131lar.<\/p>\n

HTTP’nin S\u0131n\u0131rlamalar\u0131 ve Alternatifleri Nelerdi?<\/h3>\n

HTTP, ba\u011flant\u0131s\u0131z (stateless) bir protokold\u00fcr. Her istek ba\u011f\u0131ms\u0131zd\u0131r ve sunucu, \u00f6nceki istekler hakk\u0131nda bilgi tutmaz (oturum y\u00f6netimi \u00e7erezlerle veya token’larla sa\u011flan\u0131r). Bu yap\u0131, web sayfalar\u0131n\u0131n y\u00fcklenmesi i\u00e7in harikad\u0131r ancak sunucuya s\u00fcrekli bilgi ak\u0131\u015f\u0131 gereken senaryolarda sorun yarat\u0131r:<\/p>\n

Polling (Yoklama):<\/strong> \u0130stemci, belirli aral\u0131klarla sunucuya yeni veri olup olmad\u0131\u011f\u0131n\u0131 sorar. Bu, sunucuda gereksiz y\u00fck ve a\u011f trafi\u011fi olu\u015fturur, ayr\u0131ca verinin gecikmeli gelmesine neden olur.<\/li>\n
Long Polling (Uzun Yoklama):<\/strong> \u0130stemci bir istek g\u00f6nderir ve sunucu, yeni veri gelene kadar yan\u0131t\u0131 a\u00e7\u0131k tutar. Veri geldi\u011finde yan\u0131t g\u00f6nderilir ve istemci hemen yeni bir istek g\u00f6nderir. Daha verimli olsa da, her mesaj i\u00e7in yeni bir ba\u011flant\u0131 kurulmas\u0131 hala bir overhead demektir.<\/li>\n

Server-Sent Events (SSE):<\/strong> Sunucudan istemciye tek y\u00f6nl\u00fc, s\u00fcrekli bir veri ak\u0131\u015f\u0131 sa\u011flar. Canl\u0131 ak\u0131\u015flar i\u00e7in iyidir ancak istemciden sunucuya veri g\u00f6nderme yetene\u011fi yoktur.<\/li>\n<\/ul>\n
Bu y\u00f6ntemlerin her biri, ger\u00e7ek zamanl\u0131 ileti\u015fimin getirdi\u011fi performans ve gecikme sorunlar\u0131na ge\u00e7ici \u00e7\u00f6z\u00fcmler sunarken, WebSockets do\u011frudan bu sorunu \u00e7\u00f6zmek i\u00e7in tasarlanm\u0131\u015ft\u0131r. Bu nedenle, anl\u0131k mesajla\u015fma, canl\u0131 bildirimler veya online oyunlar gibi uygulamalar i\u00e7in WebSockets, a\u00e7\u0131k ara en uygun \u00e7\u00f6z\u00fcmd\u00fcr.<\/p>\n
WebSocket’lar\u0131n \u00c7al\u0131\u015fma Prensibi Nas\u0131ld\u0131r?<\/h3>\n
WebSockets, TCP \u00fczerinden \u00e7al\u0131\u015f\u0131r ve \u00f6zel bir HTTP iste\u011fi ile ba\u015flar: WebSocket El S\u0131k\u0131\u015fmas\u0131 (Handshake)<\/strong>. \u0130stemci, sunucuya \u00f6zel bir Upgrade<\/code> ba\u015fl\u0131\u011f\u0131 i\u00e7eren bir HTTP GET iste\u011fi g\u00f6nderir. E\u011fer sunucu bu y\u00fckseltmeyi destekliyorsa, 101 Switching Protocols<\/code> yan\u0131t\u0131 ile onay verir ve ba\u011flant\u0131, HTTP’den WebSocket protokol\u00fcne “y\u00fckseltilir”. Bu andan itibaren, ayn\u0131 TCP ba\u011flant\u0131s\u0131 \u00fczerinde tam \u00e7ift y\u00f6nl\u00fc ve s\u00fcrekli bir ileti\u015fim kanal\u0131 kurulmu\u015f olur. Bu, her iki taraf\u0131n da istedi\u011fi zaman veri g\u00f6ndermesine olanak tan\u0131r ve her mesaj i\u00e7in yeni bir HTTP ba\u011flant\u0131s\u0131 kurma ihtiyac\u0131n\u0131 ortadan kald\u0131r\u0131r.<\/p>\n
WebSockets’\u0131n sundu\u011fu bu persistent (kal\u0131c\u0131) ba\u011flant\u0131, geleneksel HTTP’ye k\u0131yasla bant geni\u015fli\u011fi ve gecikme a\u00e7\u0131s\u0131ndan \u00f6nemli avantajlar sa\u011flar. Ba\u015fl\u0131k boyutlar\u0131 k\u00fc\u00e7\u00fcl\u00fcr, s\u00fcrekli ba\u011flant\u0131 kesme ve yeniden kurma maliyetleri ortadan kalkar. Bu sayede, milisaniyeler i\u00e7inde veri al\u0131\u015fveri\u015fi m\u00fcmk\u00fcn hale gelir ve bu da ger\u00e7ek zamanl\u0131 uygulamalar i\u00e7in \u00fcst d\u00fczey bir kullan\u0131c\u0131 deneyimi sunar. \u00d6rne\u011fin, bir hisse senedi takip uygulamas\u0131nda anl\u0131k fiyat g\u00fcncellemeleri veya bir online toplant\u0131 arac\u0131nda anl\u0131k ekran payla\u015f\u0131m\u0131 gibi senaryolarda, WebSockets’\u0131n sa\u011flad\u0131\u011f\u0131 bu kesintisiz ak\u0131\u015f olmazsa olmazd\u0131r. T\u00fcm bu \u00f6zellikler, WebSockets’\u0131 modern web geli\u015ftirmenin vazge\u00e7ilmez bir par\u00e7as\u0131 haline getirmektedir.<\/p>\n\n\n\n\n\n\n\n\n\nHTTP vs. WebSockets Kar\u015f\u0131la\u015ft\u0131rmas\u0131<\/caption>\n\u00d6zellik<\/th>\n HTTP<\/th>\n WebSockets<\/th>\n<\/tr>\n<\/thead>\n \u0130leti\u015fim Y\u00f6n\u00fc<\/td>\n Tek y\u00f6nl\u00fc (\u0130stek-Yan\u0131t)<\/td>\n \u00c7ift y\u00f6nl\u00fc (Full-duplex)<\/td>\n<\/tr>\n Ba\u011flant\u0131 T\u00fcr\u00fc<\/td>\n K\u0131sa \u00f6m\u00fcrl\u00fc (Her istekte a\u00e7\u0131l\u0131p kapan\u0131r)<\/td>\n S\u00fcrekli (Persistent)<\/td>\n<\/tr>\n Overhead<\/td>\n Y\u00fcksek (Her istekte ba\u015fl\u0131klar)<\/td>\n D\u00fc\u015f\u00fck (\u0130lk el s\u0131k\u0131\u015fma sonras\u0131 minimal)<\/td>\n<\/tr>\n Gecikme<\/td>\n Y\u00fcksek (Polling ile)<\/td>\n \u00c7ok d\u00fc\u015f\u00fck (Anl\u0131k)<\/td>\n<\/tr>\n Kullan\u0131m Alan\u0131<\/td>\n Belgeler, web sayfalar\u0131<\/td>\n Ger\u00e7ek zamanl\u0131 sohbet, oyunlar, anl\u0131k veri ak\u0131\u015f\u0131<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\nUygulamal\u0131 K\u0131s\u0131m: WebSockets ile Sohbet Uygulamas\u0131 Ad\u0131m Ad\u0131m Nas\u0131l Geli\u015ftirilir?<\/h2>\nArt\u0131k WebSockets’\u0131n teorik temellerini anlad\u0131\u011f\u0131m\u0131za g\u00f6re, pratik bir \u00f6rnek \u00fczerinden bu teknolojiyi hayata ge\u00e7irme zaman\u0131 geldi. Basit bir Node.js sunucusu ve saf JavaScript\/HTML istemcisi kullanarak, kullan\u0131c\u0131lar\u0131n anl\u0131k mesajla\u015fabildi\u011fi temel bir sohbet uygulamas\u0131 olu\u015fturaca\u011f\u0131z. Bu b\u00f6l\u00fcmde ad\u0131m ad\u0131m hem sunucu hem de istemci taraf\u0131 geli\u015ftirmesini ele alacak, b\u00f6ylece siz de kendi ger\u00e7ek zamanl\u0131 uygulaman\u0131z\u0131 in\u015fa etmek i\u00e7in sa\u011flam bir temel olu\u015fturabileceksiniz.<\/p>\n Sunucu Taraf\u0131 Kurulumu: Node.js ve ws<\/code> K\u00fct\u00fcphanesi ile Nas\u0131l Ba\u015flan\u0131r?<\/h3>\nSunucu taraf\u0131 i\u00e7in Node.js ve hafif bir WebSocket k\u00fct\u00fcphanesi olan ws<\/code>‘yi kullanaca\u011f\u0131z. \u00d6ncelikle, projemiz i\u00e7in bir klas\u00f6r olu\u015ftural\u0131m ve gerekli paketleri y\u00fckleyelim:<\/p>\n \nmkdir websocket-chat\ncd websocket-chat\nnpm init -y\nnpm install ws\n <\/pre>\n<\/code><\/p>\n \u015eimdi index.js<\/code> ad\u0131nda bir dosya olu\u015ftural\u0131m ve a\u015fa\u011f\u0131daki kodu ekleyerek temel bir WebSocket sunucusu kural\u0131m. Bu sunucu, gelen t\u00fcm ba\u011flant\u0131lar\u0131 dinleyecek, mesajlar\u0131 alacak ve ba\u011fl\u0131 olan t\u00fcm istemcilere geri g\u00f6nderecektir. Bu i\u015flem \"mesaj yay\u0131n\u0131\" (broadcasting) olarak adland\u0131r\u0131l\u0131r.<\/p>\n \nconst WebSocket = require('ws');\n\nconst wss = new WebSocket.Server({ port: 8080 }); \/\/ 8080 portunda bir WebSocket sunucusu olu\u015ftur\n\nwss.on('connection', ws => { \/\/ Her yeni WebSocket ba\u011flant\u0131s\u0131nda\n console.log('Yeni istemci ba\u011fland\u0131!');\n\n ws.on('message', message => { \/\/ \u0130stemciden gelen mesajlar\u0131 dinle\n const messageString = message.toString('utf8'); \/\/ Buffer'\u0131 string'e \u00e7evir\n console.log(Al\u0131nan mesaj: ${messageString}<\/code>);\n\n \/\/ Mesaj\u0131 ba\u011fl\u0131 t\u00fcm istemcilere yay\u0131nla\n wss.clients.forEach(client => {\n if (client !== ws && client.readyState === WebSocket.OPEN) { \/\/ Mesaj\u0131 g\u00f6nderen hari\u00e7 di\u011fer t\u00fcm a\u00e7\u0131k ba\u011flant\u0131lara g\u00f6nder\n client.send(messageString);\n } else if (client === ws && client.readyState === WebSocket.OPEN) { \/\/ Mesaj\u0131 g\u00f6nderene de g\u00f6nder (onay veya kendi mesaj\u0131n\u0131 g\u00f6rmesi i\u00e7in)\n client.send(Siz: ${messageString}<\/code>);\n }\n });\n });\n\n ws.on('close', () => { \/\/ Ba\u011flant\u0131 kapand\u0131\u011f\u0131nda\n console.log('\u0130stemci ba\u011flant\u0131s\u0131 kesildi.');\n });\n\n ws.on('error', error => { \/\/ Hata olu\u015ftu\u011funda\n console.error('WebSocket hatas\u0131:', error);\n });\n\n \/\/ Ba\u011flanan istemciye ho\u015f geldiniz mesaj\u0131 g\u00f6nder\n ws.send('Sunucuya ba\u011fland\u0131n\u0131z! Sohbet etmeye ba\u015flayabilirsiniz.');\n});\n\nconsole.log('WebSocket sunucusu 8080 portunda \u00e7al\u0131\u015f\u0131yor...');\n <\/pre>\n<\/code><\/p>\n Bu kodu \u00e7al\u0131\u015ft\u0131rd\u0131\u011f\u0131n\u0131zda (node index.js<\/code>), sunucunuz 8080 portunda gelen WebSocket ba\u011flant\u0131lar\u0131n\u0131 dinlemeye ba\u015flayacakt\u0131r. Kod, her yeni ba\u011flant\u0131 i\u00e7in bir olay dinleyicisi tan\u0131mlar. Bu dinleyici, istemciden gelen mesajlar\u0131 yakalar, konsola yazd\u0131r\u0131r ve ard\u0131ndan bu mesaj\u0131, mesaj\u0131 g\u00f6nderen istemci d\u0131\u015f\u0131ndaki di\u011fer t\u00fcm ba\u011fl\u0131 istemcilere geri g\u00f6nderir. Bu sayede, t\u00fcm kat\u0131l\u0131mc\u0131lar birbirlerinin mesajlar\u0131n\u0131 anl\u0131k olarak g\u00f6rebilirler. Bu basit yay\u0131n mant\u0131\u011f\u0131, \u00e7o\u011fu ger\u00e7ek zamanl\u0131 sohbet uygulamas\u0131n\u0131n temelini olu\u015fturur. Hata y\u00f6netimi ve ba\u011flant\u0131 kapatma olaylar\u0131 da burada ele al\u0131narak sunucunun daha sa\u011flam \u00e7al\u0131\u015fmas\u0131 sa\u011flan\u0131r.<\/p>\n \u0130stemci Taraf\u0131 Geli\u015ftirme: HTML ve JavaScript ile Sohbet Aray\u00fcz\u00fc Nas\u0131l Olu\u015fturulur?<\/h3>\n\u015eimdi de bu sunucuya ba\u011flanacak bir istemci uygulamas\u0131 olu\u015ftural\u0131m. Bunun i\u00e7in basit bir HTML dosyas\u0131 ve i\u00e7erisine JavaScript kodu ekleyece\u011fiz. index.html<\/code> ad\u0131nda bir dosya olu\u015ftural\u0131m:<\/p>\n \n\n \n WebSocket Sohbet<\/div>\n \n \n <\/div>\n \n \n

\u00d6zellik<\/th>\n	HTTP<\/th>\n	WebSockets<\/th>\n<\/tr>\n<\/thead>\n
\u0130leti\u015fim Y\u00f6n\u00fc<\/td>\n	Tek y\u00f6nl\u00fc (\u0130stek-Yan\u0131t)<\/td>\n	\u00c7ift y\u00f6nl\u00fc (Full-duplex)<\/td>\n<\/tr>\n
Ba\u011flant\u0131 T\u00fcr\u00fc<\/td>\n	K\u0131sa \u00f6m\u00fcrl\u00fc (Her istekte a\u00e7\u0131l\u0131p kapan\u0131r)<\/td>\n	S\u00fcrekli (Persistent)<\/td>\n<\/tr>\n
Overhead<\/td>\n	Y\u00fcksek (Her istekte ba\u015fl\u0131klar)<\/td>\n	D\u00fc\u015f\u00fck (\u0130lk el s\u0131k\u0131\u015fma sonras\u0131 minimal)<\/td>\n<\/tr>\n
Gecikme<\/td>\n	Y\u00fcksek (Polling ile)<\/td>\n	\u00c7ok d\u00fc\u015f\u00fck (Anl\u0131k)<\/td>\n<\/tr>\n
Kullan\u0131m Alan\u0131<\/td>\n	Belgeler, web sayfalar\u0131<\/td>\n	Ger\u00e7ek zamanl\u0131 sohbet, oyunlar, anl\u0131k veri ak\u0131\u015f\u0131<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n Uygulamal\u0131 K\u0131s\u0131m: WebSockets ile Sohbet Uygulamas\u0131 Ad\u0131m Ad\u0131m Nas\u0131l Geli\u015ftirilir?<\/h2>\n Art\u0131k WebSockets’\u0131n teorik temellerini anlad\u0131\u011f\u0131m\u0131za g\u00f6re, pratik bir \u00f6rnek \u00fczerinden bu teknolojiyi hayata ge\u00e7irme zaman\u0131 geldi. Basit bir Node.js sunucusu ve saf JavaScript\/HTML istemcisi kullanarak, kullan\u0131c\u0131lar\u0131n anl\u0131k mesajla\u015fabildi\u011fi temel bir sohbet uygulamas\u0131 olu\u015fturaca\u011f\u0131z. Bu b\u00f6l\u00fcmde ad\u0131m ad\u0131m hem sunucu hem de istemci taraf\u0131 geli\u015ftirmesini ele alacak, b\u00f6ylece siz de kendi ger\u00e7ek zamanl\u0131 uygulaman\u0131z\u0131 in\u015fa etmek i\u00e7in sa\u011flam bir temel olu\u015fturabileceksiniz.<\/p>\n Sunucu Taraf\u0131 Kurulumu: Node.js ve ws<\/code> K\u00fct\u00fcphanesi ile Nas\u0131l Ba\u015flan\u0131r?<\/h3>\nSunucu taraf\u0131 i\u00e7in Node.js ve hafif bir WebSocket k\u00fct\u00fcphanesi olan ws<\/code>‘yi kullanaca\u011f\u0131z. \u00d6ncelikle, projemiz i\u00e7in bir klas\u00f6r olu\u015ftural\u0131m ve gerekli paketleri y\u00fckleyelim:<\/p>\n \nmkdir websocket-chat\ncd websocket-chat\nnpm init -y\nnpm install ws\n <\/pre>\n<\/code><\/p>\n \u015eimdi index.js<\/code> ad\u0131nda bir dosya olu\u015ftural\u0131m ve a\u015fa\u011f\u0131daki kodu ekleyerek temel bir WebSocket sunucusu kural\u0131m. Bu sunucu, gelen t\u00fcm ba\u011flant\u0131lar\u0131 dinleyecek, mesajlar\u0131 alacak ve ba\u011fl\u0131 olan t\u00fcm istemcilere geri g\u00f6nderecektir. Bu i\u015flem \"mesaj yay\u0131n\u0131\" (broadcasting) olarak adland\u0131r\u0131l\u0131r.<\/p>\n \nconst WebSocket = require('ws');\n\nconst wss = new WebSocket.Server({ port: 8080 }); \/\/ 8080 portunda bir WebSocket sunucusu olu\u015ftur\n\nwss.on('connection', ws => { \/\/ Her yeni WebSocket ba\u011flant\u0131s\u0131nda\n console.log('Yeni istemci ba\u011fland\u0131!');\n\n ws.on('message', message => { \/\/ \u0130stemciden gelen mesajlar\u0131 dinle\n const messageString = message.toString('utf8'); \/\/ Buffer'\u0131 string'e \u00e7evir\n console.log(Al\u0131nan mesaj: ${messageString}<\/code>);\n\n \/\/ Mesaj\u0131 ba\u011fl\u0131 t\u00fcm istemcilere yay\u0131nla\n wss.clients.forEach(client => {\n if (client !== ws && client.readyState === WebSocket.OPEN) { \/\/ Mesaj\u0131 g\u00f6nderen hari\u00e7 di\u011fer t\u00fcm a\u00e7\u0131k ba\u011flant\u0131lara g\u00f6nder\n client.send(messageString);\n } else if (client === ws && client.readyState === WebSocket.OPEN) { \/\/ Mesaj\u0131 g\u00f6nderene de g\u00f6nder (onay veya kendi mesaj\u0131n\u0131 g\u00f6rmesi i\u00e7in)\n client.send(Siz: ${messageString}<\/code>);\n }\n });\n });\n\n ws.on('close', () => { \/\/ Ba\u011flant\u0131 kapand\u0131\u011f\u0131nda\n console.log('\u0130stemci ba\u011flant\u0131s\u0131 kesildi.');\n });\n\n ws.on('error', error => { \/\/ Hata olu\u015ftu\u011funda\n console.error('WebSocket hatas\u0131:', error);\n });\n\n \/\/ Ba\u011flanan istemciye ho\u015f geldiniz mesaj\u0131 g\u00f6nder\n ws.send('Sunucuya ba\u011fland\u0131n\u0131z! Sohbet etmeye ba\u015flayabilirsiniz.');\n});\n\nconsole.log('WebSocket sunucusu 8080 portunda \u00e7al\u0131\u015f\u0131yor...');\n <\/pre>\n<\/code><\/p>\n Bu kodu \u00e7al\u0131\u015ft\u0131rd\u0131\u011f\u0131n\u0131zda (node index.js<\/code>), sunucunuz 8080 portunda gelen WebSocket ba\u011flant\u0131lar\u0131n\u0131 dinlemeye ba\u015flayacakt\u0131r. Kod, her yeni ba\u011flant\u0131 i\u00e7in bir olay dinleyicisi tan\u0131mlar. Bu dinleyici, istemciden gelen mesajlar\u0131 yakalar, konsola yazd\u0131r\u0131r ve ard\u0131ndan bu mesaj\u0131, mesaj\u0131 g\u00f6nderen istemci d\u0131\u015f\u0131ndaki di\u011fer t\u00fcm ba\u011fl\u0131 istemcilere geri g\u00f6nderir. Bu sayede, t\u00fcm kat\u0131l\u0131mc\u0131lar birbirlerinin mesajlar\u0131n\u0131 anl\u0131k olarak g\u00f6rebilirler. Bu basit yay\u0131n mant\u0131\u011f\u0131, \u00e7o\u011fu ger\u00e7ek zamanl\u0131 sohbet uygulamas\u0131n\u0131n temelini olu\u015fturur. Hata y\u00f6netimi ve ba\u011flant\u0131 kapatma olaylar\u0131 da burada ele al\u0131narak sunucunun daha sa\u011flam \u00e7al\u0131\u015fmas\u0131 sa\u011flan\u0131r.<\/p>\n \u0130stemci Taraf\u0131 Geli\u015ftirme: HTML ve JavaScript ile Sohbet Aray\u00fcz\u00fc Nas\u0131l Olu\u015fturulur?<\/h3>\n\u015eimdi de bu sunucuya ba\u011flanacak bir istemci uygulamas\u0131 olu\u015ftural\u0131m. Bunun i\u00e7in basit bir HTML dosyas\u0131 ve i\u00e7erisine JavaScript kodu ekleyece\u011fiz. index.html<\/code> ad\u0131nda bir dosya olu\u015ftural\u0131m:<\/p>\n \n\n \n WebSocket Sohbet<\/div>\n \n \n <\/div>\n \n \n