Channels, Presence und Client-Events über das Pusher-Protokoll. Behalte pusher-js und deine Server-Bibliothek, richte sie auf Vixus Push aus und steck deine Zeit in das Feature statt in eine WebSocket-Flotte.
import Pusher from "pusher";
const pusher = new Pusher({ appId, key, secret, host });
await pusher.trigger("presence-room-7", "message", {
from: "linus",
text: "ship it",
});// funktionen
Das Pusher-Protokoll, das du kennst, auf Infrastruktur, die du nicht selbst betreiben musst. App erstellen, drei Werte kopieren, ausliefern.
Behalte pusher-js, Laravel Echo und jede Pusher-Server-Bibliothek. Tausch den Cluster gegen einen Host, und Channel-Namen, Events und dein Auth-Endpoint bleiben genau, wie sie sind.
const pusher = new Pusher("YOUR_KEY", {
- cluster: "eu",
+ cluster: "",
+ wsHost: "YOUR_HOST",
+ wssPort: 443,
+ forceTLS: true,
+ enabledTransports: ["ws", "wss"],
channelAuthorization: { endpoint: "/api/pusher/auth" },
});
Sende an alle, schütze Channels mit deinem eigenen Auth-Endpoint oder sieh, wer gerade online ist.
Tippanzeigen und Cursor gehen auf Private- und Presence-Channels direkt von Client zu Client. Ein Schalter pro App.
Publish, Batch-Publish, Channel-Infos und Presence-Mitglieder von jedem Backend aus. Jede Pusher-Server-Bibliothek signiert die Anfragen für dich.
// POST /apps/:id/batch_events, signed with your secret
await pusher.triggerBatch([
{ channel: "orders.4821", name: "status", data: { status: "packed" } },
{ channel: "private-user-ada", name: "notify", data: { order: 4821 } },
]);Hol dein Team in eine Organisation. Rollen entscheiden, wer Secrets sieht, Einstellungen ändert oder nur zuschaut.
Nachrichten, API-Aufrufe und Verbindungen, pro Stunde und pro App. Die heutigen Nachrichten stehen direkt neben deinem Tageslimit.
Jede App hat einen Demo-Raum. Schick den Link an einen zweiten Browser, ganz ohne Konto, und sieh zu, wie die Nachrichten in beiden ankommen.
// quickstart
Das sind die echten Snippets, mit dem Host dieses Dienstes schon eingetragen. Füge deine App-ID und deinen Key ein und führ sie aus.
Registrieren, eine App erstellen und app_id, Key und Secret kopieren. Für den Free-Tarif brauchst du keine Kreditkarte.
Richte pusher-js auf deinen Host aus, abonniere einen Channel und binde ein Event. Private- und Presence-Channels fragen deinen eigenen Auth-Endpoint.
Ruf trigger aus einer beliebigen Pusher-Server-Bibliothek auf. Das Secret bleibt auf deinem Server; nur der Key geht an den Browser.
import Pusher from "pusher-js";
const pusher = new Pusher("YOUR_APP_KEY", {
cluster: "", // not used; the host below decides where you connect
wsHost: "ws.push.vixus.io",
wsPort: 443,
wssPort: 443,
forceTLS: true,
enabledTransports: ["ws", "wss"],
});
const channel = pusher.subscribe("my-channel");
channel.bind("my-event", (data) => console.log(data));Mehr im Quickstart und in der HTTP-API-Referenz (auf Englisch).
// von den leuten, die damit ausliefern
Wähl den Teil, der dich interessiert, und lies, was jemand dazu sagt, der ihn nutzt.
Wir sind an einem Dienstagnachmittag von Pusher umgezogen. Der Diff bestand aus dercluster-Zeile und ein paar neuen Optionen; Channel-Namen, der Auth-Endpoint und jederbind()-Aufruf blieben genau, wie sie waren.
Die „Wer ist da?“-Avatare in unseren gemeinsamen Dokumenten sind ein einziger Presence-Channel.member_addedundmember_removedfeuern genau dann, wenn man es erwartet, und die Mitgliederliste ist beim Subscribe sofort da.
Cursorpositionen gehen mit client--Events direkt von Client zu Client, unser Server sieht diese Datenflut also nie. Eingeschaltet waren sie mit einem Schalter in den Einstellungen, plus einem Reconnect, vor dem mich die Doku gewarnt hatte.triggerBatch ist der heimliche Held: Ein signierter Request verteilt ein Bestell-Update an Kundschaft, Kurier und Ops-Board. Die Doku sagt gleich zu Beginn, dass Fehler im Body zurückkommen, also hat uns das nie erwischt.Echo musste gar nicht mitbekommen, dass sich etwas geändert hat. Ich habe diePUSHER_*-Variablen in der.envgetauscht, die Vite-Assets neu gebaut, und Broadcasting lief beim ersten Deploy.
Freelancer bekommen die Rolle Entwickler, die Buchhaltung die Rolle Abrechnung und sieht nie ein App-Secret. Wenn jemand geht, greift das Entfernen bei der nächsten Anfrage, nicht erst, wenn die Session abläuft.
Der Tab „Nutzung“ beantwortet Stunde für Stunde, was das letzte Release mit unserem Nachrichtenvolumen gemacht hat. Die heutigen Nachrichten direkt neben dem Tageslimit auf der Apps-Seite haben uns einen bösen Montag erspart.
In Workshops öffne ich den Live-Demo-Link auf Laptop und Handy, und der ganze Raum sieht die Nachrichten auf beiden ankommen. Niemand braucht ein Konto, und der Link läuft nach einem Tag von selbst ab.
Private Channels laufen über unseren eigenen Auth-Endpoint, die Autorisierungsentscheidung bleibt also in unserem Code. Der Key geht an den Browser, das Secret verlässt nie unsere Server, und jedes Snippet ist genau so geschrieben.
Wir pausieren unsere Staging-App, wenn sie niemand nutzt. Neue Verbindungen und Publishes werden abgelehnt, nichts wird gelöscht, und „Fortsetzen“ holt sie sofort zurück. Ein Secret zu rotieren ist ein einziger Klick.
Unser Live-Klassenzimmer zeigt, wer aus der Klasse gerade im Raum ist. Presence hat uns die Teilnehmerliste geschenkt; der einzige Code, den wir geschrieben haben, war der Auth-Endpoint, und den hatten wir schon von Pusher.
Im Quickstart ist der echte Host schon eingetragen. Ich habe die Tabs für Browser und Node kopiert, ausgeführt und hatte eine Nachricht in der Konsole, bevor mein Kaffee kalt war.
// keine überraschungen
Wo Vixus Push Pusher entspricht und wo nicht, bevor du es in Produktion merkst. Die vollständige Tabelle steht in der Doku (auf Englisch).
Verschlüsselte und Cache-Channels unterstützt Soketi darunter zwar, unsere Tests decken sie aber noch nicht ab. Du ziehst mit einer bestehenden App um? Folge der Migrationsanleitung (auf Englisch).
// preise
Diese Zahlen kommen aus demselben Katalog, den der Dienst durchsetzt. Bezahlte Tarife sind noch nicht buchbar, und ihre Limits können sich bis dahin ändern.
Zum Bauen und Testen deiner Echtzeit-Features.
Für Produkte, die live gehen und echten Traffic haben.
Für viel genutzte Apps und Teams, die Reserven brauchen.
pusher.subscribe("your-next-feature")
Erstelle eine App im Free-Tarif und sieh zu, wie dein erstes Event im Browser ankommt. Keine Server, keine Kreditkarte.