presence-room-42
Chat en realtime
Salles, appartenance et indicateurs de saisie sur des channels presence.
Cas d'usage
Interfaces collaboratives
Deux personnes qui modifient la même chose ont besoin de trois réponses en continu : qui d'autre est là, qu'est-ce qu'elle vient de faire, où est son curseur. presence, les events et les client events y répondent tour à tour.
presence-doc-9f2
- channels presence
- client events
- events
- channels private-encrypted
Comment ça marche
- 01Rejoindre le documentUn channel presence par document, autorisé par votre serveur au moment de l'abonnement.
- 02Montrer qui est làLa liste des membres arrive avec l'abonnement ; les events gardent les avatars honnêtes.
- 03Diffuser l'intentionCurseurs et sélections sont des client events — haute fréquence et jetables.
- 04Valider les changementsLes modifications durables passent par votre serveur, puis sont publiées — pour que tout le monde converge vers l'état enregistré.
Bon à savoir
Les client events ont une limite de débit et ne sont pas conservés — ils conviennent aux curseurs, pas aux modifications. Tout ce qui doit survivre à un rafraîchissement passe par votre serveur.
En code
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))Écrit avec les bibliothèques officielles Pusher, non modifiées — il n'y a aucun paquet PushCaster à installer. Documentation complète
Ce que les gens construisent aussi
Tous les cas d'usageprivate-user-1e9
Notifications
Un event serveur, livré à chaque surface que la personne a laissée ouverte.
private-metrics
Tableaux de bord en direct
Poussez les métriques à mesure qu'elles changent au lieu d'aller les chercher en polling.