Real-time broadcasting hoạt động như thế nào trong Laravel?

Question

Accepted Answer

**Broadcasting** của Laravel cho phép các tính năng **thời gian thực** (thông báo trực tiếp, chat, cập nhật trực tiếp) bằng cách đẩy các event phía server tới trình duyệt qua WebSocket. Nó hoạt động bằng cách broadcast các event Laravel qua một kết nối WebSocket, mà các client JavaScript subscribe và phản ứng — bắc cầu các event backend của bạn tới frontend trong thời gian thực.

## Kiến trúc

```text
Event phía server (ví dụ MessageSent) → broadcast qua một kênh WebSocket →
  client JS (Laravel Echo) lắng nghe trên kênh đó nhận nó → cập nhật UI trực tiếp.

Các tùy chọn WebSocket server:
  ✓ Laravel Reverb (first-party, WebSocket server tự host)
  ✓ Pusher (dịch vụ được host)
  ✓ Soketi (mã nguồn mở, tự host)
```

## Broadcast một event từ server

```php
<?php
class MessageSent implements ShouldBroadcast {       // đánh dấu event để broadcast
    public function __construct(public Message $message) {}

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

// dispatch nó — nó được gửi tới các client đã subscribe qua WebSocket
MessageSent::dispatch($message);
```

Một event triển khai `ShouldBroadcast` được đẩy qua một kênh WebSocket khi dispatch. `broadcastOn()` định nghĩa kênh nào — public, **private** (yêu cầu auth), hoặc presence (ai đang online).

## Lắng nghe trên client (Laravel Echo)

```js
// Laravel Echo — thư viện JS subscribe các kênh
Echo.private(`chat.${roomId}`)
    .listen('MessageSent', (e) => {
        addMessageToUI(e.message);     // phản ứng trong thời gian thực khi event đến
    });

// presence channel — theo dõi ai đang online
Echo.join(`room.${roomId}`)
    .here(users => ...)        // các user đang hiện diện
    .joining(user => ...).leaving(user => ...);
```

Client dùng **Laravel Echo** để subscribe các kênh và chạy code khi event đến — cập nhật UI trực tiếp mà không polling.

## Các loại kênh và auth

```text
Kênh public   → bất kỳ ai cũng có thể lắng nghe
Kênh private  → yêu cầu authorization (định nghĩa trong channels.php) — cho dữ liệu đặc thù user
Kênh presence → private + theo dõi ai đang subscribe (user online)
```

## Tại sao điều này quan trọng

Real-time broadcasting là cách Laravel triển khai các **tính năng trực tiếp, tương tác** — thông báo tức thì, chat, dashboard trực tiếp, cập nhật cộng tác, presence (ai đang online) — mà mô hình request-response truyền thống không thể cung cấp (server có thể đẩy tới client, không chỉ phản hồi request).

Hiểu nó có giá trị để xây dựng các ứng dụng tương tác hiện đại mà người dùng ngày càng kỳ vọng.

Sự thanh lịch của cách tiếp cận của Laravel là nó **bắc cầu các event backend hiện có của bạn tới frontend trong thời gian thực**: bạn đánh dấu một event là `ShouldBroadcast`, dispatch nó như thường, và nó được đẩy qua WebSocket tới các client đã subscribe — nên các tính năng thời gian thực tích hợp tự nhiên với code Laravel hướng-event thông thường của bạn.

Trên client, **Laravel Echo** subscribe các kênh và phản ứng với event, cập nhật UI trực tiếp mà không polling kém hiệu quả.

Hiểu kiến trúc (event broadcast qua các kênh WebSocket, Echo trên client), các tùy chọn WebSocket server (**Reverb** first-party, **Pusher** được host, hoặc Soketi tự host), và các **loại kênh** (public, private với authorization cho dữ liệu đặc thù user, và presence để theo dõi user online) là kiến thức cấp senior quan trọng để xây dựng các tính năng thời gian thực.

Vì các trải nghiệm trực tiếp, tương tác ngày càng được kỳ vọng trong các ứng dụng hiện đại, và vì Laravel cung cấp một hệ thống thanh lịch kết nối các event backend với các cập nhật frontend thời gian thực, biết cách broadcasting hoạt động có giá trị để xây dựng các tính năng thời gian thực, phản hồi nhanh (chat, thông báo, cập nhật trực tiếp, presence) phân biệt các ứng dụng hiện đại, hấp dẫn — một khả năng ngày càng liên quan trong phát triển web đương đại.