Kako funkcionira prosljeđivanje u realnom vremenu u Laravelu?

Question

Accepted Answer

Laravel **broadcasting** omogućava **real-time** značajke (live obavijesti, chat, live ažuriranja) prosljeđivanjem događaja sa servera prema pregledniku kroz WebSockets. Funkcionira tako što prosljeđuje Laravel događaje preko WebSocket veze, na koju JavaScript klijenti pretplaćuju se i reagiraju — spajajući vaše backend događaje s frontend dijelom u realnom vremenu.

## Arhitektura

```text
Server event (e.g. MessageSent) → broadcast over a WebSocket channel →
  client JS (Laravel Echo) listening on that channel receives it → updates the UI live.

WebSocket server options:
  ✓ Laravel Reverb (first-party, self-hosted WebSocket server)
  ✓ Pusher (hosted service)
  ✓ Soketi (open-source, self-hosted)
```

## Prosljeđivanje događaja sa servera

```php
<?php
class MessageSent implements ShouldBroadcast {       // mark the event to broadcast
    public function __construct(public Message $message) {}

public function broadcastOn(): Channel {
        return new PrivateChannel('chat.' . $this->message->room_id);   // the channel
    }
}

// dispatch it — it's sent to subscribed clients over WebSockets
MessageSent::dispatch($message);
```

Događaj koji implementira `ShouldBroadcast` prosljeđuje se preko WebSocket kanala kada se rasporediti. `broadcastOn()` definira na kojem kanalu — javnom, **privatnom** (zahtijeva autentifikaciju), ili presence (tko je online).

## Slušanje na klijentskoj strani (Laravel Echo)

```js
// Laravel Echo — the JS library that subscribes to channels
Echo.private(`chat.${roomId}`)
    .listen('MessageSent', (e) => {
        addMessageToUI(e.message);     // react in real time when the event arrives
    });

// presence channels — track who's online
Echo.join(`room.${roomId}`)
    .here(users => ...)        // currently present users
    .joining(user => ...).leaving(user => ...);
```

Klijent koristi **Laravel Echo** za pretplatu na kanale i pokretanje koda kada stignu događaji — ažuriranje korisničkog sučelja u realnom vremenu bez kontinuiranog osvježavanja.

## Tipovi kanala i autentifikacija

```text
Public channel   → anyone can listen
Private channel  → requires authorization (defined in channels.php) — for user-specific data
Presence channel → private + tracks who's currently subscribed (online users)
```

## Zašto je to važno

Prosljeđivanje u realnom vremenu je način na koji Laravel implementira **live, interaktivne značajke** — trenutne obavijesti, chat, live dashboarde, suradničke ažuriranja, presence (tko je online) — što tradicionalni model zahtjev-odgovor ne može pružiti (server može prosljeđivati klijentima, a ne samo odgovarati na zahtjeve).

Razumijevanje toga je dragocjeno za izgradnju modernih interaktivnih aplikacija koje korisnici sve više očekuju.

Elegancija Laravelovog pristupa je što **spaja vaše postojeće backend događaje s frontend dijelom u realnom vremenu**: označite događaj kao `ShouldBroadcast`, raspošaljite ga kao obično, i on se prosljeđuje preko WebSocketsa pretplaćenim klijentima — tako da se real-time značajke prirodno integriraju s vašim normalnim event-driven Laravel kodom.

Na klijentskoj strani, **Laravel Echo** se pretplaćuje na kanale i reagira na događaje, ažurirajući korisničko sučelje u realnom vremenu bez neučinkovitog kontinuiranog osvježavanja.

Razumijevanje arhitekture (događaji prosljeđeni preko WebSocket kanala, Echo na klijentskoj strani), opcija WebSocket servera (prvi-stranački **Reverb**, hostani **Pusher**, ili self-hosted Soketi), i **tipova kanala** (javni, privatni s autentifikacijom za podatke specifične za korisnika, i presence za praćenje online korisnika) je važno znanje više razine za izgradnju real-time značajki.

Budući da su live, interaktivna iskustva sve više očekivana u modernim aplikacijama, i budući da Laravel pruža elegantan sustav koji povezuje backend događaje s real-time ažuriranjima frontend dijela, znanje kako funkcionira prosljeđivanje je dragocjeno za izgradnju odzivnih, real-time značajki (chat, obavijesti, live ažuriranja, presence) koje razlikuju moderne, angažirajuće aplikacije — sve relevantnija mogućnost u suvremenoj web razvoj praksi.