Bagaimana broadcasting masa nyata berfungsi dalam Laravel?

Question

Accepted Answer

**Broadcasting** Laravel membolehkan ciri **masa nyata (real-time)** (pemberitahuan langsung, sembang, kemas kini langsung) dengan menolak event di pihak pelayan ke pelayar melalui WebSocket. Ia berfungsi dengan menyiarkan event Laravel melalui sambungan WebSocket, yang dilanggani dan ditindak balas oleh klien JavaScript — merapatkan event backend anda ke frontend dalam masa nyata.

## Seni bina

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

## Menyiarkan event dari pelayan

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

Satu event yang melaksanakan `ShouldBroadcast` ditolak melalui satu channel WebSocket apabila dilancarkan. `broadcastOn()` mentakrif channel mana — awam, **persendirian** (memerlukan auth), atau presence (siapa yang sedang dalam talian).

## Mendengar di pihak klien (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 => ...);
```

Klien menggunakan **Laravel Echo** untuk melanggan channel dan menjalankan kod apabila event tiba — mengemas kini UI secara langsung tanpa polling.

## Jenis channel dan 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)
```

## Mengapa ia penting

Broadcasting masa nyata ialah cara Laravel melaksanakan **ciri langsung dan interaktif** — pemberitahuan serta-merta, sembang, papan pemuka langsung, kemas kini kolaboratif, presence (siapa yang dalam talian) — yang model permintaan-respons tradisional tidak dapat sediakan (pelayan boleh menolak kepada klien, bukan sekadar membalas permintaan).

Memahaminya bernilai untuk membina aplikasi interaktif moden yang semakin dijangka oleh pengguna.

Keanggunan pendekatan Laravel ialah ia **merapatkan event backend sedia ada anda ke frontend dalam masa nyata**: anda menanda satu event sebagai `ShouldBroadcast`, melancarkannya seperti biasa, dan ia ditolak melalui WebSocket kepada klien yang melanggan — jadi ciri masa nyata berintegrasi secara semula jadi dengan kod Laravel berasaskan event biasa anda.

Di pihak klien, **Laravel Echo** melanggan channel dan bertindak balas terhadap event, mengemas kini UI secara langsung tanpa polling yang tidak cekap.

Memahami seni bina (event disiarkan melalui channel WebSocket, Echo di pihak klien), pilihan pelayan WebSocket (**Reverb** first-party, **Pusher** hosted, atau Soketi self-hosted), dan **jenis channel** (awam, persendirian dengan kebenaran untuk data khusus pengguna, dan presence untuk menjejak pengguna dalam talian) ialah pengetahuan peringkat senior yang penting untuk membina ciri masa nyata.

Memandangkan pengalaman langsung dan interaktif semakin dijangka dalam aplikasi moden, dan kerana Laravel menyediakan sistem elegan yang menghubungkan event backend kepada kemas kini frontend masa nyata, mengetahui cara broadcasting berfungsi bernilai untuk membina ciri masa nyata yang responsif (sembang, pemberitahuan, kemas kini langsung, presence) yang membezakan aplikasi moden dan menarik — satu keupayaan yang semakin relevan dalam pembangunan web kontemporari.