Wissen, wer da ist.
Personen zählen, nicht Tabs.

Zeigen Sie die Mitglieder an, die an einem Live-Raum teilnehmen. Halten Sie die Liste der Identitäten getrennt von der Anzahl offener Verbindungen.

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.

Signieren Sie die Mitgliedsidentität.
Pflegen Sie die Mitgliederliste.

Zeigen Sie die Mitglieder an, die an einem Live-Erlebnis teilnehmen.

Weisen Sie die Identität in Ihrem Backend zu.

Ein presence-Channel nutzt private Autorisierung mit signierten member_data. Ihr Backend bestimmt die member_id und die sicheren Profilinformationen, die an den Raum gesendet werden.

Rendern Sie die initiale Mitgliederliste.

Lesen Sie nach erfolgreicher Subscription die aktuelle Mitgliederliste, bevor Sie Join- und Leave-Ereignisse verarbeiten. Die erste Verbindung fügt das Mitglied hinzu, die letzte entfernt es.

Halten Sie geteilte Profildaten klein.

Jedes Mitglied empfängt member_info. Verwenden Sie sichere Anzeigedetails wie Name oder Avatar, und halten Sie private Kontofelder und Autorisierungsrollen aus dem geteilten Profil heraus.

Skalieren, ohne
die Kontrolle zu verlieren.

Organisieren Sie Teams in Workspaces, steuern Sie den API-Zugriff und verfolgen Sie Änderungen über Audit-Logs.

BirdHarborOrganization
WorkspacesProductionSandbox

Delivery agent

API key · Customer operations team
Active
PermissionsAccess
EmailRead & write
SMSRead & write
ALAlex Lee AdminPermissions updated

Audit log

Production
Workspace
Production
Resource
Delivery agent
WhatsApp
ReadRead & write
Succeeded

Starten Sie mit Realtime.
Kanalübergreifend entwickeln mit Bird.

Ihre nächste Idee.
Bereit zur Verbindung.