Ketahui siapa yang hadir. Hitung orang, bukan tab.

Tampilkan anggota yang berpartisipasi dalam ruang langsung. Pisahkan daftar identitas dari jumlah koneksi yang terbuka.

One person. Two tabs.
Still one member.

Close the extra tab and inspect what changes in the live workspace.

Maya’s second browser tabSame member ID
Harbor operationsLive workspace
TODAY’S ORDERSReady for dispatch.
MCAL
OrderCustomerStatus#42Maya ChenReady#43Alex LeePacked#44Sam KimPreparing
Maya
Alex
2members
3connections
Maya has two tabs open.
She appears once.

Know who’s here.

One person can have several connections. Show each member once, and update presence when their first tab joins or their last one leaves.

Interactive illustration with fictional records. No account operation is performed.

Tanda tangani identitas anggota.
Kelola daftar anggota.

Tampilkan anggota yang berpartisipasi dalam pengalaman langsung.

Tetapkan identitas di backend Anda.

Channel presence- menggunakan otorisasi privat dengan member_data yang ditandatangani. Backend Anda menentukan member_id dan informasi profil aman yang dikirim ke ruang.

Render keanggotaan awal.

Setelah langganan berhasil, baca daftar anggota saat ini sebelum menerapkan pengamatan bergabung dan keluar. Koneksi pertama menambahkan anggota dan koneksi terakhir menghapusnya.

Jaga data profil bersama tetap kecil.

Setiap anggota menerima member_info. Gunakan detail tampilan yang aman seperti nama atau avatar, dan jangan sertakan field akun privat serta peran otorisasi dalam profil bersama tersebut.

Skalakan tanpa
kehilangan kendali.

Atur tim dalam workspace, kontrol akses API, dan lacak perubahan melalui log audit.

BirdHarborOrganisasi
WorkspaceProduksiSandbox

Agen pengiriman

Kunci API · Tim operasional pelanggan
Aktif
IzinAkses
EmailBaca & tulis
SMSBaca & tulis
ALAlex Lee AdminIzin diperbarui

Log audit

Produksi
Workspace
Produksi
Sumber daya
Agen pengiriman
WhatsApp
Akses bacaBaca & tulis
Berhasil

Mulai dengan Realtime.
Bangun lintas kanal dengan Bird.

Ide Anda berikutnya. Siap terhubung.