G\u00fcn\u00fcm\u00fcz web uygulamalar\u0131, kullan\u0131c\u0131lara anl\u0131k ve dinamik deneyimler sunma beklentisiyle s\u00fcrekli geli\u015fmektedir. Geleneksel HTTP’nin \u00e7ekme (pull)<\/i> modeline dayal\u0131 yap\u0131s\u0131, sunucunun istemciye veri g\u00f6ndermesi gerekti\u011fi ger\u00e7ek zamanl\u0131 senaryolarda yetersiz kalmaktad\u0131r. \u0130\u015fte bu noktada, sunucunun aktif olarak istemciye veri g\u00f6ndermesini sa\u011flayan HTTP Push mekanizmalar\u0131 devreye girer. Bu makale, HTTP Push’un temel prensiplerini, farkl\u0131 uygulama tekniklerini, avantajlar\u0131n\u0131, dezavantajlar\u0131n\u0131 ve modern web geli\u015ftirmedeki kritik rol\u00fcn\u00fc detayl\u0131 bir \u015fekilde inceleyecektir.<\/p>\nHTTP Push Mekanizmalar\u0131na Giri\u015f<\/h2>\n
Ger\u00e7ek Zamanl\u0131 Web \u0130htiyac\u0131<\/h3>\n
Sosyal medya bildirimleri, canl\u0131 sohbetler, finansal piyasa g\u00fcncellemeleri veya spor m\u00fcsabakas\u0131 skorlar\u0131 gibi bir\u00e7ok modern web uygulamas\u0131, sunucu taraf\u0131nda bir olay meydana geldi\u011finde istemcinin an\u0131nda bilgilendirilmesini gerektirir. Bu t\u00fcr senaryolar, gecikmesiz ve s\u00fcrekli bir veri ak\u0131\u015f\u0131n\u0131 zorunlu k\u0131lar.<\/p>\n
Standart HTTP protokol\u00fc, istemcinin (taray\u0131c\u0131) sunucuya bir istek g\u00f6ndermesi ve sunucunun bu iste\u011fe bir yan\u0131t vermesi prensibine dayan\u0131r. Bu \u00e7ekme (pull)<\/i> modelinde, sunucunun kendi inisiyatifiyle istemciye veri g\u00f6nderme yetene\u011fi yoktur. \u0130stemci, yeni veri olup olmad\u0131\u011f\u0131n\u0131 \u00f6\u011frenmek i\u00e7in s\u00fcrekli olarak sunucuya sorgu g\u00f6ndermek zorundad\u0131r.<\/p>\nPush \u0130leti\u015fiminin Temel Felsefesi<\/h3>\n
HTTP Push, bu geleneksel modeli tersine \u00e7evirerek sunucunun, istemciden bir istek gelmesini beklemeden, bir olay meydana geldi\u011finde do\u011frudan veri g\u00f6nderebilmesini sa\u011flar. Bu, daha verimli kaynak kullan\u0131m\u0131, daha d\u00fc\u015f\u00fck gecikme ve daha ak\u0131c\u0131 bir kullan\u0131c\u0131 deneyimi anlam\u0131na gelir.<\/p>\n
Geleneksel HTTP\/1.x protokol\u00fcnde her istek-yan\u0131t d\u00f6ng\u00fcs\u00fc i\u00e7in ayr\u0131 bir TCP ba\u011flant\u0131s\u0131 kurulur ve i\u015flem bittikten sonra bu ba\u011flant\u0131 kapat\u0131l\u0131r. Bu durum, s\u00fcrekli veri ak\u0131\u015f\u0131 gerektiren uygulamalar i\u00e7in y\u00fcksek ba\u011flant\u0131 kurma\/kapatma maliyeti ve gecikme anlam\u0131na gelir.<\/p>\n
Ger\u00e7ek zamanl\u0131 bir deneyim sunmak i\u00e7in geleneksel HTTP ile kullan\u0131lan en yayg\u0131n y\u00f6ntemlerden biri polling<\/i>‘dir. \u0130stemci, belirli aral\u0131klarla sunucuya yeni veri olup olmad\u0131\u011f\u0131n\u0131 soran istekler g\u00f6nderir. Ancak bu y\u00f6ntemin ciddi dezavantajlar\u0131 vard\u0131r:<\/p>\n Yukar\u0131da belirtilen s\u0131n\u0131rlamalar, sunucunun istemciye proaktif olarak bilgi g\u00f6nderebilece\u011fi mekanizmalar\u0131n geli\u015ftirilmesini zorunlu k\u0131lm\u0131\u015ft\u0131r. Bu mekanizmalar, ger\u00e7ek zamanl\u0131 web’in temelini olu\u015fturur.<\/p>\n Long Polling, geleneksel polling’in bir evrimidir. \u0130stemci bir istek g\u00f6nderir, ancak sunucuda yeni veri yoksa, sunucu yan\u0131t\u0131 hemen g\u00f6ndermek yerine bekletir. Yeni veri geldi\u011finde veya belirli bir zaman a\u015f\u0131m\u0131 s\u00fcresi doldu\u011funda sunucu yan\u0131t\u0131 g\u00f6nderir ve ba\u011flant\u0131y\u0131 kapat\u0131r. \u0130stemci yan\u0131t\u0131 ald\u0131ktan sonra hemen yeni bir Long Polling iste\u011fi g\u00f6nderir. Bu, anl\u0131k veri olmasa bile s\u00fcrekli istek g\u00f6nderilmesinin \u00f6n\u00fcne ge\u00e7er.<\/p>\n <\/code><\/p>\n <\/code><\/p>\n SSE, istemcinin sunucuya tek y\u00f6nl\u00fc bir ba\u011flant\u0131 a\u00e7mas\u0131n\u0131 ve sunucunun bu ba\u011flant\u0131 \u00fczerinden s\u00fcrekli olarak veri ak\u0131\u015f\u0131 g\u00f6ndermesini sa\u011flayan bir HTML5 API'sidir. HTTP \u00fczerine kuruludur ve sadece sunucudan istemciye veri ak\u0131\u015f\u0131 gerektiren senaryolar i\u00e7in idealdir (\u00f6rne\u011fin, canl\u0131 haber ak\u0131\u015flar\u0131, borsa verileri). Ba\u011flant\u0131 kesildi\u011finde taray\u0131c\u0131 otomatik olarak yeniden ba\u011flanmay\u0131 dener.<\/p>\n eventSource.onmessage = function(event) { ${data<\/p>\n","protected":false},"excerpt":{"rendered":"G\u00fcn\u00fcm\u00fcz web uygulamalar\u0131, kullan\u0131c\u0131lara anl\u0131k ve dinamik deneyimler sunma beklentisiyle s\u00fcrekli geli\u015fmektedir. Geleneksel HTTP’nin \u00e7ekme (pull) mod…","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"csco_page_header_type":"","csco_page_load_nextpost":"","csco_page_subscribe_form":"","csco_page_contact_form":"","footnotes":""},"categories":[1],"tags":[],"class_list":{"0":"post-38448","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-genel","7":"cs-entry","8":"cs-video-wrap"},"yoast_head":"\n\n
Sunucu Taraf\u0131ndan Ba\u015flat\u0131lan \u0130leti\u015fim \u0130htiyac\u0131<\/h3>\n
Ba\u015fl\u0131ca HTTP Push Teknikleri<\/h2>\n
Long Polling (Uzun Yoklama)<\/h3>\n
\/\/ \u0130stemci Taraf\u0131 (JavaScript)\nfunction longPoll() {\n fetch('\/api\/updates')\n .then(response => response.json())\n .then(data => {\n console.log('Yeni veri:', data);\n \/\/ Veriyi i\u015fledikten sonra tekrar long poll ba\u015flat\n longPoll();\n })\n .catch(error => {\n console.error('Hata olu\u015ftu:', error);\n \/\/ Hata durumunda veya ba\u011flant\u0131 kesildi\u011finde bir s\u00fcre sonra tekrar dene\n setTimeout(longPoll, 5000);\n });\n}\nlongPoll();\n<\/pre>\n\/\/ Sunucu Taraf\u0131 (Node.js - Express ile basit bir \u00f6rnek)\nconst express = require('express');\nconst app = express();\nconst clients = [];\n\napp.get('\/api\/updates', (req, res) => {\n clients.push(res); \/\/ \u0130stemci yan\u0131t nesnesini sakla\n req.on('close', () => {\n \/\/ Ba\u011flant\u0131 kapand\u0131\u011f\u0131nda istemciyi listeden \u00e7\u0131kar\n clients.splice(clients.indexOf(res), 1);\n });\n});\n\n\/\/ Bir olay oldu\u011funda t\u00fcm bekleyen istemcilere veri g\u00f6nder\nfunction sendUpdateToClients(data) {\n while (clients.length > 0) {\n const clientRes = clients.pop();\n clientRes.json(data);\n }\n}\n\n\/\/ \u00d6rnek: Her 5 saniyede bir g\u00fcncelleme g\u00f6nder\nsetInterval(() => {\n sendUpdateToClients({ timestamp: new Date(), message: 'Yeni bir g\u00fcncelleme var!' });\n}, 5000);\n\napp.listen(3000, () => console.log('Sunucu 3000 portunda \u00e7al\u0131\u015f\u0131yor.'));\n<\/pre>\nServer-Sent Events (SSE)<\/h3>\n
\/\/ \u0130stemci Taraf\u0131 (JavaScript)
\nconst eventSource = new EventSource('\/api\/events');<\/p>\n
\n console.log('Sunucudan gelen veri:', event.data);
\n const data = JSON.parse(event.data);
\n document.getElementById('output').innerHTML += `<\/p>\n