Bagaimana broadcasting real-time bekerja di Laravel?

Question

Accepted Answer

Laravel **broadcasting** mengaktifkan fitur **real-time** (notifikasi langsung, chat, pembaruan langsung) dengan mendorong event server-side ke browser melalui WebSockets. Ini bekerja dengan men-broadcast event Laravel melalui koneksi WebSocket, yang klien JavaScript berlangganan dan bereaksi terhadapnya — menghubungkan event backend Anda ke frontend secara real-time.

## Arsitektur

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

## Broadcasting event dari server

```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 yang mengimplementasikan `ShouldBroadcast` didorong melalui channel WebSocket saat didispatch. `broadcastOn()` menentukan channel mana — public, **private** (memerlukan autentikasi), atau presence (siapa yang online).

## Mendengarkan di 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 berlangganan channel dan menjalankan kode saat event tiba — memperbarui UI secara langsung tanpa polling.

## Tipe channel dan autentikasi

```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 ini penting

Broadcasting real-time adalah bagaimana Laravel mengimplementasikan **fitur live dan interaktif** — notifikasi instan, chat, dashboard langsung, pembaruan kolaboratif, presence (siapa yang online) — yang tidak dapat disediakan oleh model request-response tradisional (server dapat mendorong ke klien, bukan hanya merespons permintaan).

Memahaminya berharga untuk membangun aplikasi interaktif modern yang semakin diharapkan oleh pengguna.

Elegansi pendekatan Laravel adalah bahwa ia **menghubungkan event backend yang ada ke frontend secara real-time**: Anda menandai event sebagai `ShouldBroadcast`, mendispatchnya seperti biasa, dan event itu didorong melalui WebSockets ke klien yang berlangganan — sehingga fitur real-time terintegrasi secara alami dengan kode Laravel yang didorong event normal Anda.

Di klien, **Laravel Echo** berlangganan channel dan bereaksi terhadap event, memperbarui UI secara langsung tanpa polling yang tidak efisien.

Memahami arsitektur (event di-broadcast melalui WebSocket channel, Echo di klien), opsi WebSocket server (first-party **Reverb**, hosted **Pusher**, atau Soketi yang self-hosted), dan **tipe channel** (public, private dengan otorisasi untuk data spesifik pengguna, dan presence untuk melacak pengguna online) adalah pengetahuan tingkat senior yang penting untuk membangun fitur real-time.

Karena pengalaman interaktif dan langsung semakin diharapkan dalam aplikasi modern, dan karena Laravel menyediakan sistem yang elegan yang menghubungkan event backend ke pembaruan real-time frontend, mengetahui bagaimana broadcasting bekerja berharga untuk membangun fitur responsif dan real-time (chat, notifikasi, pembaruan langsung, presence) yang membedakan aplikasi modern dan menarik — kemampuan yang semakin relevan dalam pengembangan web kontemporer.