Saiba quem está aqui. Conte pessoas, não abas.

Mostre os membros que participam de uma sala ao vivo. Mantenha a lista de identidades distinta do número de conexões abertas.

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.

Assine a identidade do membro.
Mantenha a lista de membros.

Mostre os membros que participam de uma experiência ao vivo.

Atribua a identidade no seu backend.

Um canal presence- usa autorização privada com member_data assinado. Seu backend determina o member_id e as informações seguras de perfil enviadas à sala.

Renderize a lista inicial de membros.

Após a assinatura ser bem-sucedida, leia a lista atual de membros antes de aplicar as observações de entrada e saída. A primeira conexão adiciona o membro e a última conexão o remove.

Mantenha os dados compartilhados de perfil pequenos.

Todos os membros recebem member_info. Use dados de exibição seguros, como nome ou avatar, e mantenha campos privados da conta e funções de autorização fora desse perfil compartilhado.

Escale sem
perder o controle.

Organize equipes em espaços de trabalho, controle o acesso à API e rastreie alterações nos logs de auditoria.

BirdHarborOrganização
Espaços de trabalhoProduçãoSandbox

Agente de envio

Chave de API · Equipe de operações do cliente
Ativo
PermissõesAcesso
EmailLeitura e escrita
SMSLeitura e escrita
ALAlex Lee AdministradorPermissões atualizadas

Registo de auditoria

Produção
Espaço de trabalho
Produção
Recurso
Agente de envio
WhatsApp
Acesso de leituraLeitura e escrita
Concluído com sucesso

Comece com Realtime.
Construa em vários canais com a Bird.

Sua próxima ideia. Pronta para conectar.