Mercure Protokoll

von Lilly | 08.02.24 |

Symfony | Symfony Javascript Service Klassen

Grundlagen des Mercure-Protokolls

Mercure wurde entwickelt, um eine Server-zu-Client-Kommunikation in Echtzeit zu ermöglichen. Das Protokoll verwendet das bekannte HTTP-Protokoll und ermöglicht es dem Server, Updates an die Clients zu pushen, sobald diese verfügbar sind. Es ist besonders nützlich für Webanwendungen, die eine hohe Anzahl von Nachrichten mit geringer Latenz verarbeiten müssen, wie beispielsweise Live-Chats, Benachrichtigungen, Echtzeit-Feeds und kollaborative Anwendungen.

Wie funktioniert Mercure?

Das Herzstück von Mercure ist ein sogenannter Hub, der sowohl die Verbindung mit den Clients aufrechterhält als auch die Updates von einem oder mehreren Publishern entgegennimmt. Der Ablauf in Mercure gestaltet sich wie folgt:

• Clients, die Echtzeit-Updates empfangen wollen, abonnieren Topics über eine bestehende HTTP-Verbindung, indem sie eine GET-Anfrage an den Mercure Hub senden.
• Server (Publisher) senden Datenupdates an den Hub mit einer POST-Anfrage, die die Nachricht und das Topic, zu dem die Nachricht gehört, enthält.
• Der Mercure Hub verteilt dann die Update-Nachricht an alle abonnierten Clients, die sich für das entsprechende Topic angemeldet haben.

Durch dieses Verfahren können Clients weiterhin das standardmäßige Request-Response-Modell von HTTP verwenden, während sie gleichzeitig Echtzeit-Updates empfangen können.

Vorteile von Mercure gegenüber anderen Protokollen

Ein bedeutender Vorteil von Mercure ist, dass es vollständig auf dem HTTP-Protokoll basiert und somit die bestehende Infrastruktur und Sicherheitsmodelle, wie HTTPS und Authentifizierung über Cookies oder JWT-Tokens (JSON Web Tokens), nutzen kann. Zudem bietet es folgende Vorteile:

• Keine Notwendigkeit, eine separate WebSocket-Verbindung zu verwalten.
• Einfachheit bei der Implementierung, insbesondere in Verbindung mit dem Symfony Framework, das native Unterstützung für Mercure bietet.
• Kompatibilität mit HTTP/2 und damit verbundenen Performance-Vorteilen bei der Übertragung von Nachrichten.
• Automatisches Reconnect und Management von verlorenen Verbindungen, was die Robustheit von Client-Anwendungen erhöht.

Ein einfaches Beispiel für Mercure

Hier ist ein einfaches Beispiel, wie eine Mercure-Integration aussehen könnte. Ein Server (Publisher) sendet ein Update:

POST /.well-known/mercure HTTP/1.1
Host: mercure.example.com
Authorization: Bearer {your-jwt-token}
Content-Type: application/x-www-form-urlencoded

topic=https%3A%2F%2Fexample.com%2Fbooks%2F1&data=Ein+neues+Buch+ist+verf%C3%BCgbar%21

Ein Client abonniert das Thema über einen Browser und erhält Updates in Echtzeit:

const eventSource = new EventSource('https://mercure.example.com/.well-known/mercure?topic=https%3A%2F%2Fexample.com%2Fbooks%2F1');
eventSource.onmessage = event => {
  console.log(JSON.parse(event.data));
};

Fazit

Das Mercure-Protokoll bietet eine effiziente und leichte Möglichkeit, Echtzeitkommunikation in Webanwendungen über das vertraute HTTP-Protokoll zu implementieren. Mit seiner einfachen Einrichtung und komfortablen Integration in Web-Applikationen gewinnt Mercure an Beliebtheit und wird voraussichtlich eine wichtige Rolle in der Zukunft der Webentwicklung spielen.