WebSockets & Real-Time Systems with Spring · Ders

Sunucu Tarafından Gönderilen Olaylar (SSE) ve WebSockets

Belirli gerçek zamanlı gereksinimler için hangi teknolojinin seçileceğini anlayarak SSE ile WebSockets'i karşılaştırın.

Sunucu Tarafından Gönderilen Olaylar (SSE) ve WebSockets, CoddyKit'te ücretsiz bir WebSockets & Real-Time Systems with Spring dersidir. Bu, 4 dersinin 1. dersidir. Aşağıdan dersin tamamını ücretsiz okuyabilir, sonra tarayıcıda yerleşik kod editörü ve 7/24 yapay zeka koçu ile uygulamalı olarak pratik yapabilirsin. Bu, WebSockets & Real-Time Systems with Spring öğrenme yolunun bir parçasıdır ve ilerlemeniz web ve CoddyKit uygulaması arasında senkronize olur. WebSockets & Real-Time Systems with Spring kursu toplamda 4 dersten oluşur.

Bu dersin bazı bölümleri henüz çevrilmemiş olup İngilizce olarak gösterilmektedir.

Real-Time: Beyond Request-Response

Modern web applications often need instant updates. Think live scores, chat messages, or stock price changes. Traditional HTTP's request-response model isn't always ideal for these scenarios.

We need ways for the server to push data to the client without the client constantly asking for it.

WebSockets: A Quick Refresher

You've learned about WebSockets. They establish a persistent, full-duplex connection between a client and server over a single TCP connection.

Full-duplex: Both client and server can send and receive messages independently at any time.
Great for highly interactive applications like chat or multiplayer games.

Introducing Server-Sent Events (SSE)

Server-Sent Events (SSE) offer another way for servers to push data to clients. Unlike WebSockets, SSE is unidirectional.

The server sends data to the client.
The client cannot send data back to the server using the same SSE connection.
It's built on standard HTTP, making it simpler for certain use cases.

SSE Server: Spring Boot Example

Let's see how a Spring Boot server can send events. This controller streams a new message every second to any connected client.

Notice the text/event-stream media type.

import org.springframework.http.MediaType;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RestController;
import reactor.core.publisher.Flux;

import java.time.Duration;

@RestController
public class SseController {

    @GetMapping(path = "/stream-events", produces = MediaType.TEXT_EVENT_STREAM_VALUE)
    public Flux<String> streamEvents() {
        return Flux.interval(Duration.ofSeconds(1))
                .map(sequence -> "data: Event " + sequence + "\n\n");
    }

    public static void main(String[] args) {
        // This is a minimal Spring Boot application setup.
        // In a real app, you'd have @SpringBootApplication
        // and SpringApplication.run(YourApplication.class, args);
        // For this snippet, we just show the controller.
        System.out.println("SSE Controller is defined. Run a Spring Boot app to test.");
    }
}

SSE Client: JavaScript Example

Here's how a simple web page can connect to the SSE stream from our Spring server. The EventSource API handles reconnections automatically!

<!DOCTYPE html>
<html>
<head>
    <title>SSE Client</title>
</head>
<body>
    <h1>SSE Events</h1>
    <div id="events"></div>
    <script>
        const eventSource = new EventSource('/stream-events');

        eventSource.onmessage = function(event) {
            const p = document.createElement('p');
            p.textContent = event.data;
            document.getElementById('events').appendChild(p);
        };

        eventSource.onerror = function(err) {
            console.error("EventSource failed:", err);
            eventSource.close();
        };

        console.log("Connected to SSE stream...");
    </script>
</body>
</html>

Key Difference: Communication Flow

The core distinction lies in how data flows:

WebSockets: Offer two-way (full-duplex) communication. Both client and server can initiate sending messages.
SSE: Provides one-way (unidirectional) communication. The server pushes data to the client; the client cannot push data back using the same connection.

For client-to-server data with SSE, a separate HTTP request (e.g., POST) is needed.

When to Choose WebSockets

Opt for WebSockets when your application requires:

Real-time interactivity: Both client and server need to send messages frequently.
Low latency: Interactive games, collaborative editing tools, live video/audio streaming.
Bidirectional communication: Chat applications where users send and receive messages.
Binary data exchange: WebSockets handle both text and binary data efficiently.

When to Choose Server-Sent Events (SSE)

SSE is an excellent choice for scenarios where:

Server-to-client updates are primary: Stock tickers, news feeds, social media updates, system notifications.
Simplicity is key: SSE uses standard HTTP, making it simpler to implement for one-way data push.
Automatic reconnection: The EventSource API handles connection drops and retries automatically.
Browser compatibility: Widely supported, with robust polyfills for older browsers if needed.

Choosing the Right Tool

Consider your application's needs carefully:

If you only need to push data from server to client, SSE is often simpler and more efficient.
If you need a true two-way, low-latency, interactive channel, WebSockets are the way to go.
Don't overcomplicate; start with the simplest solution that meets your requirements.

Quick Check: SSE vs. WebSockets

Which of the following scenarios is best suited for Server-Sent Events (SSE)?

Recap: SSE vs. WebSockets

We explored two powerful technologies for real-time communication:

WebSockets: Offers full-duplex (two-way) communication, best for highly interactive, bidirectional applications.
Server-Sent Events (SSE): Provides unidirectional (server-to-client) communication, ideal for dashboards, notifications, and continuous data feeds.

Choosing between them depends on whether your application primarily needs to push data from the server or requires interactive two-way messaging.

Sıkça Sorulan Sorular

“Sunucu Tarafından Gönderilen Olaylar (SSE) ve WebSockets” dersi ücretsiz mi?

Evet — “Sunucu Tarafından Gönderilen Olaylar (SSE) ve WebSockets” dersin tüm metni burada web'de ücretsiz olarak okunabilir. Etkileşimli olarak pratik yapmak (yerleşik kod editörü ve 7/24 yapay zeka koçu) ve WebSockets & Real-Time Systems with Spring kursunun geri kalanını açmak için CoddyKit PRO'ya yükselt. WebSockets & Real-Time Systems with Spring kursu toplamda 4 dersten oluşur.

“Sunucu Tarafından Gönderilen Olaylar (SSE) ve WebSockets” dersinde ne öğreneceğim?

Belirli gerçek zamanlı gereksinimler için hangi teknolojinin seçileceğini anlayarak SSE ile WebSockets'i karşılaştırın. WebSockets & Real-Time Systems with Spring ile uygulamalı kodu tarayıcıda doğrudan çalıştırarak pratik yaparsın ve 7/24 yapay zeka koçu dersi çalışırken sorularını yanıtlar.

WebSockets & Real-Time Systems with Spring öğrenmeye başlamak için deneyim gerekli mi?

Önceden deneyim gerekmez. CoddyKit'te WebSockets & Real-Time Systems with Spring, başlangıçtan ileri seviyeye kadar yapılandırıldığı için buradan başlayabilir veya başından başlayıp kendi hızında ilerleme yapabilirsin. Bu, 4 dersinin 1. dersidir.

“Sunucu Tarafından Gönderilen Olaylar (SSE) ve WebSockets” dersi ne kadar sürer?

Çoğu CoddyKit dersi yaklaşık 5–10 dakika sürer. Her biri kısa ve etkileşimli olduğu için sabit ilerleme yaparsın ve web ile uygulama arasında tam olarak bıraktığın yerden devam edebilirsin.

Bu WebSockets & Real-Time Systems with Spring dersinde kod yazıp çalıştırabilir miyim?

Evet. Her WebSockets & Real-Time Systems with Spring dersi yerleşik bir kod editörü içerir, bu sayede tarayıcıda gerçek kod yazıp çalıştırabilir ve anlık yapay zeka geri bildirimi alırsın — yerel kurulum gerekli değildir.

Bu kursun tüm dersleri

Sunucu Tarafından Gönderilen Olaylar (SSE) ve WebSockets
Gerçek Zamanlı Veri İtme Mimarileri
Kullanıcı Bildirimlerini Hayata Geçirme
Çevrimiçi Durumu ve Kullanıcı Varlığını İzleme

← WebSockets & Real-Time Systems with Spring Sayfasına Dön