Hyperlane Ger\u00e7ek Zamanl\u0131 \u0130leti\u015fim: WebSocket ve SSE Uygulamalar\u0131<\/p>\n
Merhaba! Fatih Soysal olarak, bu yaz\u0131mda Hyperlane platformunda ger\u00e7ek zamanl\u0131 ileti\u015fim i\u00e7in iki g\u00fc\u00e7l\u00fc teknoloji olan WebSocket ve Server-Sent Events (SSE)’i ele alaca\u011f\u0131m. \u0130ki y\u00f6ntemin de avantajlar\u0131n\u0131 ve dezavantajlar\u0131n\u0131 kar\u015f\u0131la\u015ft\u0131rarak, hangi senaryoda hangisinin daha uygun oldu\u011funu a\u00e7\u0131klayaca\u011f\u0131m. Ayr\u0131ca, pratik \u00f6rnekler ve kod par\u00e7ac\u0131klar\u0131yla konuyu daha iyi anlaman\u0131za yard\u0131mc\u0131 olaca\u011f\u0131m. Bu rehber, ger\u00e7ek zamanl\u0131 uygulamalar geli\u015ftirmek isteyen herkes i\u00e7in faydal\u0131 olacakt\u0131r.<\/p>\n
WebSocket, tam \u00e7ift y\u00f6nl\u00fc ileti\u015fim sa\u011flayan bir teknolojidir. Bu, sunucu ile istemci aras\u0131nda s\u00fcrekli bir ba\u011flant\u0131 kurularak, her iki taraf\u0131n da istedi\u011fi zaman veri g\u00f6nderebilece\u011fi anlam\u0131na gelir. \u00d6rne\u011fin, bir sohbet uygulamas\u0131 veya bir online oyun geli\u015ftirmek istiyorsan\u0131z, WebSocket ideal bir se\u00e7imdir. Bununla birlikte, daha fazla kaynak t\u00fcketir ve sunucu \u00fczerinde daha fazla y\u00fck olu\u015fturabilir.<\/p>\n
\u0130\u015fte basit bir WebSocket ba\u011flant\u0131s\u0131 \u00f6rne\u011fi:<\/p>\n
\nconst socket = new WebSocket('ws:\/\/example.com\/websocket');\n\nsocket.onopen = () => {\n console.log('Ba\u011flant\u0131 ba\u015far\u0131l\u0131!');\n socket.send('Merhaba sunucu!');\n};\n\nsocket.onmessage = (event) => {\n console.log('Sunucudan mesaj:', event.data);\n};\n\nsocket.onclose = () => {\n console.log('Ba\u011flant\u0131 kapand\u0131.');\n};\n<\/code><\/pre>\nServer-Sent Events (SSE): Tek Y\u00f6nl\u00fc \u0130leti\u015fim<\/h2>\n
Server-Sent Events (SSE), sunucudan istemciye tek y\u00f6nl\u00fc veri ak\u0131\u015f\u0131 sa\u011flayan bir teknolojidir. WebSocket’in aksine, yaln\u0131zca sunucu istemciye veri g\u00f6nderir; istemci sunucuya veri g\u00f6nderemez. Bu nedenle, kaynak t\u00fcketimi daha azd\u0131r ve sunucu \u00fczerindeki y\u00fck daha d\u00fc\u015f\u00fckt\u00fcr. \u00d6rne\u011fin, bir borsa uygulamas\u0131 veya bir haber portal\u0131 geli\u015ftirmek i\u00e7in SSE kullan\u0131labilir. Ancak, etkile\u015fimli uygulamalar i\u00e7in uygun olmayabilir.<\/p>\n
SSE kullanarak sunucudan veri almak i\u00e7in a\u015fa\u011f\u0131daki kodu kullanabilirsiniz:<\/p>\n
\nconst eventSource = new EventSource('\/events');\n\neventSource.onmessage = (event) => {\n console.log('Sunucudan mesaj:', event.data);\n};\n\neventSource.onerror = (error) => {\n console.error('Hata:', error);\n};\n<\/code><\/pre>\nWebSocket mi SSE mi? Karar Verme<\/h2>\n
Hangi teknolojinin kullan\u0131laca\u011f\u0131na karar verirken, uygulaman\u0131z\u0131n gereksinimlerini dikkatlice de\u011ferlendirmeniz \u00f6nemlidir. \u0130ki y\u00f6nl\u00fc ileti\u015fime ihtiyac\u0131n\u0131z varsa, WebSocket kullanman\u0131z gerekir. Ancak, yaln\u0131zca sunucudan istemciye veri g\u00f6ndermeniz gerekiyorsa ve kaynak t\u00fcketimini en aza indirmek istiyorsan\u0131z, SSE daha uygun bir se\u00e7enek olabilir. Ayr\u0131ca, uygulaman\u0131z\u0131n \u00f6l\u00e7eklenebilirli\u011fini de g\u00f6z \u00f6n\u00fcnde bulundurman\u0131z gerekmektedir. B\u00fcy\u00fck \u00f6l\u00e7ekli uygulamalar i\u00e7in, performans optimizasyonlar\u0131 yapman\u0131z ve uygun teknolojiyi se\u00e7meniz son derece \u00f6nemlidir.<\/p>\n