Как работает трансляция в реальном времени в Laravel?

Question

Accepted Answer

Laravel **broadcasting** (трансляция) позволяет реализовать функции **в реальном времени** (живые уведомления, чат, живые обновления), отправляя события сервера в браузер через WebSockets. Это работает путём трансляции Laravel-событий через WebSocket-соединение, на которое JavaScript-клиенты подписываются и реагируют — связывая события backend'а с frontend'ом в реальном времени.

## Архитектура

```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)
```

## Трансляция события с сервера

```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);
```

Событие, реализующее `ShouldBroadcast`, отправляется через WebSocket-канал при его диспетчеризации. `broadcastOn()` определяет, какой канал — public, **private** (требует авторизации) или presence (кто онлайн).

## Прослушивание на клиенте (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 => ...);
```

Клиент использует **Laravel Echo** для подписки на каналы и выполнения кода при получении событий — обновляя UI в реальном времени без опроса.

## Типы каналов и авторизация

```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)
```

## Почему это важно

Трансляция в реальном времени — это то, как Laravel реализует **живые, интерактивные функции** — мгновенные уведомления, чат, живые панели мониторинга, совместные обновления, presence (кто онлайн) — что традиционная модель request-response не может обеспечить (сервер может отправлять клиентам, а не только отвечать на запросы).

Понимание этого ценно для создания современных интерактивных приложений, которые пользователи всё чаще ожидают.

Элегантность подхода Laravel заключается в том, что он **связывает ваши существующие backend-события с frontend'ом в реальном времени**: вы помечаете событие как `ShouldBroadcast`, диспетчеризуете его как обычно, и оно отправляется через WebSockets подписанным клиентам — таким образом, функции реального времени естественно интегрируются с обычным event-driven кодом Laravel.

На клиенте **Laravel Echo** подписывается на каналы и реагирует на события, обновляя UI в реальном времени без неэффективного опроса.

Понимание архитектуры (события, транслируемые через WebSocket-каналы, Echo на клиенте), вариантов WebSocket-сервера (первоклассный **Reverb**, размещённый **Pusher** или самостоятельно размещённый Soketi) и **типов каналов** (public, private с авторизацией для пользовательских данных и presence для отслеживания онлайн-пользователей) — важное знание уровня senior для создания функций реального времени.

Поскольку живые, интерактивные впечатления всё больше ожидаются в современных приложениях, и поскольку Laravel предоставляет элегантную систему, которая соединяет backend-события с обновлениями реального времени на frontend'е, знание того, как работает трансляция, ценно для создания отзывчивых функций реального времени (чат, уведомления, живые обновления, presence), которые отличают современные, привлекательные приложения — всё более актуальная компетенция в современной веб-разработке.