https://nalar.dev/id/tags/websocket/ Recent content in WebSocket on Nalar Hugo id-id Sat, 19 Sep 2026 00:00:00 +0000 https://nalar.dev/id/fcm-adalah-jalur-wake-up-bukan-transport-real-time/ Sat, 19 Sep 2026 00:00:00 +0000 https://nalar.dev/id/fcm-adalah-jalur-wake-up-bukan-transport-real-time/ <h1 id="fcm-adalah-jalur-wake-up-bukan-transport-real-time">FCM Adalah Jalur Wake-Up, Bukan Transport Real-Time</h1> <p>Aplikasi mobile dapat mempertahankan WebSocket ketika aktif dan tetap membutuhkan Firebase Cloud Messaging saat sistem operasi menangguhkannya. Kedua mekanisme itu menangani kondisi kegagalan yang berbeda.</p> <p>WebSocket, MQTT, dan SignalR mengasumsikan client dapat berpartisipasi dalam sesi komunikasi yang hidup. FCM justru berguna ketika asumsi itu tidak lagi berlaku: aplikasi mungkin berada di background, prosesnya mungkin tidak berjalan, atau koneksi persistennya sudah hilang.</p> <p>Menganggap FCM sebagai transport real-time lain menyamarkan boundary tersebut. Desain yang lebih kuat memakai live channel selama tersedia dan memperlakukan push delivery sebagai sinyal agar aplikasi kembali aktif lalu merekonsiliasi state.</p> https://nalar.dev/id/siklus-hidup-websocket-cloudflare-workers-hibernasi/ Sat, 19 Sep 2026 00:00:00 +0000 https://nalar.dev/id/siklus-hidup-websocket-cloudflare-workers-hibernasi/ <p>Cloudflare Worker dapat mengakhiri koneksi WebSocket secara langsung. Persoalan arsitektur yang lebih sulit muncul setelah upgrade berhasil: di mana state koneksi disimpan, proses mana yang mengoordinasikan banyak client, dan state apa yang tetap valid ketika runtime sudah tidak berada di memory?</p> <p>Itu adalah batas yang berbeda:</p> <div x-data="{ code: $el.querySelector('code').innerText, copied: false }" class="code-block group relative my-6 overflow-hidden rounded-xl border border-line bg-surface-muted dark:border-night-line dark:bg-night-surface"> <button type="button" @click="navigator.clipboard.writeText(code); copied = true; setTimeout(() => copied = false, 1600)" class="absolute right-3 top-3 z-10 rounded-lg border border-line-strong bg-surface px-2 py-1 font-mono text-[0.8rem] text-muted opacity-0 transition group-hover:opacity-100 hover:bg-ink hover:text-white dark:border-night-line dark:bg-night dark:text-night-muted dark:hover:bg-white dark:hover:text-ink"> <span x-text="copied ? 'Copied' : 'Copy'"></span> </button> <div class="overflow-x-auto p-4 text-sm leading-6 [&_pre]:!m-0 [&_pre]:!bg-transparent [&_pre]:!p-0 [&_code]:font-mono"> <div class="highlight"><pre tabindex="0" style="background-color:#fff;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-text" data-lang="text"><span style="display:flex;"><span>HTTP request </span></span><span style="display:flex;"><span> | </span></span><span style="display:flex;"><span> | Upgrade: websocket </span></span><span style="display:flex;"><span> v </span></span><span style="display:flex;"><span>Worker </span></span><span style="display:flex;"><span> | </span></span><span style="display:flex;"><span> +-- one independent connection </span></span><span style="display:flex;"><span> | </span></span><span style="display:flex;"><span> +-- shared room / session / presence </span></span><span style="display:flex;"><span> | </span></span><span style="display:flex;"><span> v </span></span><span style="display:flex;"><span> Durable Object </span></span><span style="display:flex;"><span> | </span></span><span style="display:flex;"><span> v </span></span><span style="display:flex;"><span> optional hibernation</span></span></code></pre></div> </div> </div> <p>Menyebut semuanya sebagai &ldquo;dukungan WebSocket&rdquo; menutupi perilaku yang justru paling penting ketika sistem masuk production.</p>