¿Cómo funciona la transmisión en tiempo real en Laravel?

Question

Accepted Answer

**Broadcasting** de Laravel habilita funcionalidades en **tiempo real** (notificaciones en vivo, chat, actualizaciones en directo) empujando eventos del servidor al navegador sobre WebSockets. Funciona transmitiendo eventos de Laravel a través de una conexión WebSocket, a la cual los clientes JavaScript se suscriben y reaccionan — conectando tus eventos del backend al frontend en tiempo real.

## La arquitectura

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

## Transmitir un evento desde el servidor

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

Un evento que implementa `ShouldBroadcast` se empuja a través de un canal WebSocket cuando se despacha. `broadcastOn()` define el canal — público, **privado** (requiere autenticación), o presencia (quién está en línea).

## Escuchar en el cliente (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 => ...);
```

El cliente usa **Laravel Echo** para suscribirse a canales y ejecutar código cuando llegan eventos — actualizando la interfaz en vivo sin polling.

## Tipos de canales y autenticación

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

## Por qué es importante

La transmisión en tiempo real es cómo Laravel implementa **funcionalidades en vivo e interactivas** — notificaciones instantáneas, chat, dashboards en vivo, actualizaciones colaborativas, presencia (quién está en línea) — que el modelo tradicional de solicitud-respuesta no puede proporcionar (el servidor puede empujar hacia los clientes, no solo responder a solicitudes).

Entender esto es valioso para construir aplicaciones interactivas modernas que los usuarios cada vez más esperan.

La elegancia del enfoque de Laravel es que **conecta tus eventos backend existentes al frontend en tiempo real**: marcas un evento como `ShouldBroadcast`, lo despachas como de costumbre, y se empuja a través de WebSockets hacia los clientes suscritos — así que las funcionalidades en tiempo real se integran naturalmente con tu código Laravel normal basado en eventos.

En el cliente, **Laravel Echo** se suscribe a canales y reacciona a eventos, actualizando la interfaz en vivo sin polling ineficiente.

Entender la arquitectura (eventos transmitidos sobre canales WebSocket, Echo en el cliente), las opciones de servidor WebSocket (el nativo **Reverb**, **Pusher** hospedado, o Soketi auto-hospedado), y los **tipos de canales** (público, privado con autorización para datos específicos del usuario, y presencia para rastrear usuarios en línea) es conocimiento importante de nivel senior para construir funcionalidades en tiempo real.

Puesto que experiencias en vivo e interactivas se esperan cada vez más en aplicaciones modernas, y puesto que Laravel proporciona un sistema elegante que conecta eventos backend a actualizaciones en tiempo real en el frontend, saber cómo funciona broadcasting es valioso para construir las funcionalidades responsivas en tiempo real (chat, notificaciones, actualizaciones en vivo, presencia) que distinguen a las aplicaciones modernas y atractivas — una capacidad cada vez más relevante en el desarrollo web contemporáneo.