掌握谁在线。 计数人,而非标签页。

展示参与实时房间的成员。将身份名册与打开的连接数区分开来。

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.

签名成员身份。
维护成员名册。

展示参与实时体验的成员。

在后端分配身份。

presence- 频道使用带有签名 member_data 的私有授权。由你的后端决定 member_id 以及发送到房间的安全个人资料信息。

渲染初始成员列表。

订阅成功后,先读取当前成员名册,再处理加入和离开事件。第一个连接添加成员,最后一个连接移除成员。

保持共享资料精简。

每个成员都会收到 member_info。仅使用安全的展示信息,如名称或头像,将私有账户字段和授权角色排除在共享资料之外。

规模扩展
不失控。

在工作区中组织团队,控制 API 访问权限,通过审计日志追踪变更。

BirdHarbor组织
工作区生产环境沙盒

发送代理

API 密钥 · 客户运营团队
有效
权限访问权限
Email读写
SMS读写
ALAlex Lee 管理员权限已更新

审计日志

生产环境
工作区
生产环境
资源
发送代理
WhatsApp
读取权限读写
成功

从 Realtime 开始。
使用 Bird 跨渠道构建。

你的下一个创意。 随时连接。