Zum Inhalt springen

Anwendungsfall

Aktivitäts- und event-Feeds

Prüfprotokolle, Bestellflüsse und Störungs-Zeitleisten haben eine Form: eine Liste, an die nur angehängt wird und der jemand zusieht. Über HTTP geladen, durch events aktuell gehalten.

private-account-3b1
  • Private-Channels
  • Events
  • Webhooks

Wie es funktioniert

  1. 01Erst laden, dann abonnierenHolen Sie die Seite über HTTP und abonnieren Sie dann — in dieser Reihenfolge, damit nichts in die Lücke fällt.
  2. 02Beim Veröffentlichen anhängenNeue Einträge haben dieselbe Form wie das HTTP-payload, ein Renderer genügt also für beides.
  3. 03Nach channel abgrenzenEin channel pro Konto hält die Autorisierung einfach — das Abonnement ist die Prüfung.

Gut zu wissen

Ein Client, der sich neu verbindet, hat eine Lücke. Holen Sie den Kopf des Feeds neu, statt anzunehmen, der socket habe alles erwischt.

Im Code

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)})

Geschrieben mit den offiziellen Pusher-Bibliotheken, unverändert — es gibt kein PushCaster-Paket zu installieren. Vollständige Dokumentation

Was Leute sonst noch bauen

Alle Anwendungsfälle
presence-room-42

Realtime-Chat

Räume, Mitgliedschaft und Tippanzeigen auf presence-channels.

private-user-1e9

Benachrichtigungen

Ein Server-event, zugestellt an jede Oberfläche, die jemand offen hat.

private-metrics

Live-Dashboards

Kennzahlen schicken, sobald sie sich ändern, statt per Polling danach zu fragen.

Legen Sie eine Anwendung an und bauen Sie es.

Support