<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
  <channel>
    <title>Real-Time on David Lang</title>
    <link>https://www.davidlang.tech/tags/real-time/</link>
    <description>Recent content in Real-Time on David Lang</description>
    <generator>Hugo</generator>
    <language>en</language>
    <lastBuildDate>Wed, 30 Jun 2021 00:00:00 +0000</lastBuildDate>
    <atom:link href="https://www.davidlang.tech/tags/real-time/index.xml" rel="self" type="application/rss+xml" />
    <item>
      <title>WebSockets with Node.js: Real-Time Applications</title>
      <link>https://www.davidlang.tech/posts/websockets-with-nodejs-real-time-applications/</link>
      <pubDate>Wed, 30 Jun 2021 00:00:00 +0000</pubDate>
      <guid>https://www.davidlang.tech/posts/websockets-with-nodejs-real-time-applications/</guid>
      <description>&lt;p&gt;WebSockets provide full-duplex communication over a single TCP connection-ideal for chat, live dashboards, and collaborative editing.&lt;/p&gt;&#xA;&lt;h2 id=&#34;socketio-setup&#34;&gt;Socket.io Setup&lt;/h2&gt;&#xA;&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#93a1a1;background-color:#002b36;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;&#34;&gt;&lt;code class=&#34;language-javascript&#34; data-lang=&#34;javascript&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#268bd2&#34;&gt;const&lt;/span&gt; { Server } &lt;span style=&#34;color:#719e07&#34;&gt;=&lt;/span&gt; require(&lt;span style=&#34;color:#2aa198&#34;&gt;&amp;#39;socket.io&amp;#39;&lt;/span&gt;);&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#268bd2&#34;&gt;const&lt;/span&gt; io &lt;span style=&#34;color:#719e07&#34;&gt;=&lt;/span&gt; &lt;span style=&#34;color:#719e07&#34;&gt;new&lt;/span&gt; Server(httpServer, { cors&lt;span style=&#34;color:#719e07&#34;&gt;:&lt;/span&gt; { origin&lt;span style=&#34;color:#719e07&#34;&gt;:&lt;/span&gt; process.env.CLIENT_URL } });&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;io.on(&lt;span style=&#34;color:#2aa198&#34;&gt;&amp;#39;connection&amp;#39;&lt;/span&gt;, (socket) =&amp;gt; {&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  socket.on(&lt;span style=&#34;color:#2aa198&#34;&gt;&amp;#39;join-room&amp;#39;&lt;/span&gt;, (roomId) =&amp;gt; socket.join(roomId));&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  socket.on(&lt;span style=&#34;color:#2aa198&#34;&gt;&amp;#39;message&amp;#39;&lt;/span&gt;, (payload) =&amp;gt; {&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    io.to(payload.roomId).emit(&lt;span style=&#34;color:#2aa198&#34;&gt;&amp;#39;message&amp;#39;&lt;/span&gt;, payload);&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  });&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;});&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;h2 id=&#34;scaling-considerations&#34;&gt;Scaling Considerations&lt;/h2&gt;&#xA;&lt;p&gt;Use Redis adapter for Socket.io when running multiple server instances. Sticky sessions or shared pub/sub keep room state consistent.&lt;/p&gt;</description>
    </item>
  </channel>
</rss>
