presence-room-42
Chat en realtime
Salas, pertenencia e indicadores de escritura sobre channels presence.
Caso de uso
Interfaces colaborativas
Dos personas editando lo mismo necesitan tres respuestas continuamente: quién más está aquí, qué acaba de hacer, dónde está su cursor. presence, los events y los client events las responden por turno.
presence-doc-9f2
- channels presence
- client events
- events
- channels private-encrypted
Cómo funciona
- 01Entrar en el documentoUn channel presence por documento, autorizado por su servidor al suscribirse.
- 02Mostrar quién estáLa lista de miembros llega con la suscripción; los events mantienen honestos los avatares.
- 03Difundir la intenciónLos cursores y las selecciones son client events: de alta frecuencia y desechables.
- 04Confirmar los cambiosLas ediciones duraderas pasan por su servidor y luego se publican, para que todos converjan en el estado guardado.
Conviene saber
Los client events tienen límite de frecuencia y no se guardan: sirven para cursores, no para ediciones. Todo lo que deba sobrevivir a una recarga pasa por su servidor.
En código
doc.js
js
const doc = pusher.subscribe('presence-doc-9f2')// Ephemeral: straight between editors, never persisted.canvas.onpointermove = throttle((e) => { doc.trigger('client-cursor', { x: e.clientX, y: e.clientY })}, 50)// Durable: your server persisted it, then published it.doc.bind('block-updated', (block) => applyBlock(block))Escrito con las librerías oficiales de Pusher, sin modificar: no hay ningún paquete de PushCaster que instalar. Documentación completa
Otras cosas que construye la gente
Todos los casos de usoprivate-user-1e9
Notificaciones
Un event de servidor, entregado a cada superficie que el usuario tenga abierta.
private-metrics
Paneles en vivo
Envíe las métricas según cambian en vez de ir a buscarlas con polling.