Digital Transformation
Server-Sent Events (SSE)
TL;DR: Server-Sent Events (SSE) memungkinkan server mengirim aliran pesan ke browser lewat HTTP biasa, dengan reconnect otomatis dan tanpa library tambahan. SSE lebih sederhana dari WebSocket dan cocok untuk notifikasi, progress upload, atau dashboard realtime di website bisnis.
Apa itu Server-Sent Events?
Server-Sent Events adalah standar web yang memungkinkan koneksi HTTP tetap terbuka, sehingga server bisa mendorong pesan baru ke browser kapan saja. Browser membaca aliran pesan lewat objek bawaan EventSource yang sudah tersedia di semua browser modern. Lihat juga API yang menjadi pondasi komunikasi server-klien.
Berbeda dari WebSocket yang dua arah, SSE hanya mengalir dari server ke klien. Pertukaran ini membuat protokolnya jauh lebih sederhana, dan reconnect bisa dilakukan otomatis tanpa kode tambahan. Detail teknis objek EventSource terdokumentasi di MDN Web Docs.
Cara Kerja Singkat
| Tahap | Yang Terjadi |
|---|---|
| Klien membuka EventSource | Browser kirim request HTTP ke endpoint stream |
| Server menjawab dengan stream | Header Content-Type: text/event-stream dijaga terbuka |
| Pesan dikirim format teks | Setiap pesan diawali data: dan diakhiri dua newline |
| Koneksi terputus | Browser otomatis reconnect dan kirim Last-Event-ID |
Format ini ringan dan bisa di-cache oleh proxy biasa selama dikonfigurasi tepat. Cocok untuk pasang di belakang CDN atau load balancer dengan pengaturan timeout panjang.
Kenapa Penting?
Untuk website bisnis Indonesia, SSE memberi pengalaman realtime tanpa beban infrastruktur WebSocket. Notifikasi pesanan, status pembayaran, atau progress proses bisa di-push ke pengguna dalam 200 sampai 500 ms tanpa polling yang membebani server. Per 2026, SSE makin banyak dipakai ulang di framework modern seperti Next.js Route Handler dan Vercel Edge Function, termasuk untuk streaming jawaban dari model AI.
Pertanyaan Umum
Apakah SSE menggantikan WebSocket?
Tidak sepenuhnya. SSE pas untuk push satu arah seperti notifikasi dan feed. WebSocket masih unggul untuk interaksi dua arah seperti chat atau game multiplayer.
Apakah SSE bisa dipakai dengan HTTP/2 dan HTTP/3?
Ya, bahkan lebih efisien. Multiplexing membuat banyak stream SSE berjalan dalam satu koneksi tanpa batas 6 koneksi per host seperti di HTTP/1.1.
Kenapa SSE populer untuk fitur AI?
Karena jawaban model AI dikirim token demi token, SSE cocok untuk streaming teks bertahap ke layar tanpa menunggu seluruh respons selesai. Itu sebabnya banyak antarmuka chatbot memakai SSE di baliknya.
Istilah Terkait