Saltar al contenido

Caso de uso

Feeds de actividad y de events

Los registros de auditoría, los flujos de pedidos y las cronologías de incidencias tienen una sola forma: una lista a la que solo se añade y que alguien está mirando. Se carga por HTTP y se mantiene al día con events.

private-account-3b1
  • channels private
  • events
  • webhooks

Cómo funciona

  1. 01Cargar y luego suscribirTraiga la página por HTTP y después suscríbase, en ese orden, para que nada caiga en el hueco.
  2. 02Añadir al publicarLas entradas nuevas tienen la misma forma que el payload HTTP, así que un solo renderizador vale para ambas.
  3. 03Acotar por channelUn channel por cuenta mantiene simple la autorización: la suscripción es la comprobación.

Conviene saber

Un cliente que se reconecta tiene un hueco. Vuelva a traer la cabecera del feed en vez de dar por hecho que el socket lo cogió todo.

En código

feed.js
js
const feed = await fetch('/api/activity?limit=50').then((r) => r.json())render(feed.items)// Same shape as the HTTP payload, so one renderer covers both.pusher.subscribe('private-account-3b1').bind('activity', (item) => {  prepend(item)})

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 uso
presence-room-42

Chat en realtime

Salas, pertenencia e indicadores de escritura sobre channels presence.

private-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.

Cree una aplicación y constrúyalo.

Support