real-time broadcasting ใน Laravel ทำงานอย่างไร?

Question

Accepted Answer

**broadcasting** ของ Laravel เปิดใช้งานฟีเจอร์ **real-time** (การแจ้งเตือนสด แชท การอัปเดตสด) ด้วยการ push event ฝั่งเซิร์ฟเวอร์ไปยังเบราว์เซอร์ผ่าน WebSockets มันทำงานด้วยการ broadcast events ของ Laravel ผ่านการเชื่อมต่อ WebSocket ซึ่งไคลเอนต์ JavaScript subscribe และตอบสนองต่อมัน เชื่อม event ฝั่ง backend ของคุณเข้ากับ frontend แบบ real time

## สถาปัตยกรรม

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

## การ broadcast event จากเซิร์ฟเวอร์

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

event ที่ implement `ShouldBroadcast` จะถูก push ผ่าน WebSocket channel เมื่อ dispatch ส่วน `broadcastOn()` กำหนดว่าจะใช้ channel ใด ทั้งแบบ public, **private** (ต้อง auth) หรือ presence (ใครออนไลน์อยู่)

## การ listen ฝั่งไคลเอนต์ (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** เพื่อ subscribe channel และรันโค้ดเมื่อ event มาถึง อัปเดต UI แบบสดโดยไม่ต้อง polling

## ประเภทของ channel และ auth

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

## ทำไมจึงสำคัญ

real-time broadcasting คือวิธีที่ Laravel implement **ฟีเจอร์ที่สดและโต้ตอบได้** เช่น การแจ้งเตือนทันที แชท dashboard สด การอัปเดตแบบ collaborative presence (ใครออนไลน์อยู่) ซึ่งโมเดล request-response แบบดั้งเดิมไม่สามารถให้ได้ (เซิร์ฟเวอร์สามารถ push ไปยังไคลเอนต์ได้ ไม่ใช่แค่ตอบสนองต่อ request)

การเข้าใจมันมีค่าสำหรับการสร้างแอปพลิเคชันโต้ตอบสมัยใหม่ที่ผู้ใช้คาดหวังมากขึ้นเรื่อย ๆ

ความสง่างามของแนวทางของ Laravel คือมัน **เชื่อม event ฝั่ง backend ที่มีอยู่ของคุณเข้ากับ frontend แบบ real time** คุณ mark event เป็น `ShouldBroadcast`, dispatch มันตามปกติ แล้วมันจะถูก push ผ่าน WebSockets ไปยังไคลเอนต์ที่ subscribe ดังนั้นฟีเจอร์ real-time จึงผสานเข้ากับโค้ด Laravel แบบ event-driven ปกติของคุณได้อย่างเป็นธรรมชาติ

ฝั่งไคลเอนต์ **Laravel Echo** subscribe channel และตอบสนองต่อ event อัปเดต UI แบบสดโดยไม่ต้อง polling ที่ไม่มีประสิทธิภาพ

การเข้าใจสถาปัตยกรรม (events broadcast ผ่าน WebSocket channels, Echo ฝั่งไคลเอนต์) ตัวเลือก WebSocket server (**Reverb** แบบ first-party, **Pusher** แบบ hosted หรือ Soketi แบบ self-hosted) และ **ประเภทของ channel** (public, private พร้อม authorization สำหรับข้อมูลเฉพาะผู้ใช้ และ presence สำหรับติดตามผู้ใช้ที่ออนไลน์) เป็นความรู้ระดับ senior ที่สำคัญสำหรับการสร้างฟีเจอร์ real-time

เนื่องจากประสบการณ์ที่สดและโต้ตอบได้ถูกคาดหวังมากขึ้นในแอปพลิเคชันสมัยใหม่ และเนื่องจาก Laravel มีระบบอันสง่างามที่เชื่อม event ฝั่ง backend เข้ากับการอัปเดต frontend แบบ real-time การรู้ว่า broadcasting ทำงานอย่างไรจึงมีค่าสำหรับการสร้างฟีเจอร์ที่ตอบสนองและ real-time (แชท การแจ้งเตือน การอัปเดตสด presence) ที่แยกแยะแอปพลิเคชันสมัยใหม่ที่น่าดึงดูด ซึ่งเป็นความสามารถที่เกี่ยวข้องมากขึ้นในการพัฒนาเว็บร่วมสมัย