Anwendungsfall

Live-Updates in jede App

Bestellung bestätigt, Fahrer noch zwei Stopps entfernt, Preisalarm ausgelöst: Ihr Backend publiziert das Ereignis einmal, und jeder abonnierte Browser-Tab und jede Mobile-App erhält es sofort per MQTT über sichere WebSockets — ohne Polling und ohne eigenen Socket-Server.

Keine Kreditkarte erforderlich

Beispielnachricht

PUBLISH orders/ord-58213/status

{"status":"out_for_delivery","eta":"14:35","stops_away":2,"courier":"c-221","ts":"2026-10-22T14:02:51Z"}

QoS 1 · TLS 8883 · PUBACK

Das Problem

Polling, selbstgebaute Socket-Server und verpasste Updates

Apps, die alle paar Sekunden eine API abfragen, belasten Ihr Backend und wirken trotzdem träge. Ein eigener WebSocket-Dienst heißt: Reconnect-Logik, Fan-out und horizontale Skalierung selbst bauen — und wer vom WLAN ins Mobilfunknetz wechselt, verpasst trotzdem genau das wichtige Update.

So funktioniert es

  1. 1

    Ihr Backend publiziert Ereignisse

    Bestellservice, Dispositionssystem oder Alarm-Job publizieren bei jeder Änderung ein kleines JSON-Ereignis auf ein Topic wie orders/{Bestell-ID}/status.

  2. 2

    Apps abonnieren nach dem Login

    Web-Apps verbinden sich mit MQTT.js über sichere WebSockets, Mobile-Apps mit einem nativen MQTT-Client, und abonnieren die Topics des jeweiligen Nutzers.

  3. 3

    Der Broker verteilt

    ConnectMQ stellt jedes Ereignis allen abonnierten Clients gleichzeitig zu — dem Smartphone des Kunden, seinem offenen Browser-Tab und der Konsole Ihres Support-Teams.

  4. 4

    Die Oberfläche aktualisiert sich

    Die App rückt die Sendungsverfolgung weiter, aktualisiert ein Badge oder zeigt ein In-App-Banner. Für geschlossene Apps sendet Ihr eigener Push-Dienst weiter über APNs und FCM.

ConnectMQ

Was es vom Broker braucht

Direkte Verbindungen aus dem Browser

MQTT über sichere WebSockets lässt Browser direkt mit demselben Broker sprechen, den Ihr Backend per MQTT mit TLS erreicht.

Jeder Client sieht nur seine Topics

Authentifizierung per Benutzername und Passwort und Topic-ACLs beschränken jeden Client auf seinen Teilbaum wie users/{id}/#; publizieren darf dort nur Ihr Backend.

Aktueller Stand beim (Re-)Connect

Retained Messages liefern den letzten Bestellstatus, sobald die App abonniert; persistente Sessions mit QoS 1 stellen zu, was während einer kurzen Unterbrechung verpasst wurde.

Die passende QoS je Ereignis

QoS 0 für häufige Fahrerpositionen, bei denen nur die neueste zählt, QoS 1 für Statusänderungen und Alarme, die ankommen müssen.

Was Sie davon haben

  • Updates erscheinen in der App, sobald sie passieren
  • Weniger API-Last durch Polling und Status-Refreshes
  • Kein WebSocket-Server und keine Fan-out-Schicht zu bauen und zu skalieren
  • Nutzer sehen den aktuellen Stand, sobald sie die App wieder öffnen
Beispiel-Topics
orders/ord-58213/status            (retained)
orders/ord-58213/courier/location
users/u-90417/notifications
users/u-90417/badge                 (retained)

Häufige Fragen

MQTT oder WebSockets für Echtzeit-Benachrichtigungen – was ist besser?

Beides — MQTT läuft über WebSockets. Ein reiner WebSocket ist nur eine Leitung: Topics, Fan-out, Reconnects und Zustellgarantien müssen Sie selbst bauen. MQTT über sichere WebSockets bringt Publish/Subscribe, QoS, Retained Messages und Last Will mit, und ConnectMQ betreibt die Serverseite.

Kann MQTT Push-Benachrichtigungen (FCM/APNs) ersetzen?

Für geöffnete oder im Vordergrund laufende Apps ja: MQTT liefert Updates schneller und mit mehr Daten. Bei geschlossener App begrenzen iOS und Android Hintergrundverbindungen, dafür bleiben APNs und FCM. Bewährt hat sich: einmal publizieren und ausgewählte Ereignisse von einem kleinen Dienst als Push weiterleiten lassen.

Wie nutze ich MQTT in einer React- oder Browser-App?

Mit MQTT.js: Verbinden Sie sich mit dem Secure-WebSocket-Endpunkt von ConnectMQ, abonnieren Sie die Topics des Nutzers und aktualisieren Sie den State bei jeder Nachricht. Liefern Sie nie Zugangsdaten mit weitreichenden Rechten im Frontend aus — Browser-Clients erhalten Zugangsdaten, deren ACL nur das Lesen eigener Topics erlaubt.

Setzen Sie es mit ConnectMQ um

Starten Sie im Free-Plan – ohne Kreditkarte – verbinden Sie heute Ihre ersten Geräte und upgraden Sie, wenn Sie live gehen.