Mercure-Hub: Wie Mercure-hub funktioniert

Diese Dokumentation ist Teil des Erste Schritte-Leitfadens. Den vollständigen Leitfaden finden Sie hier: Wie man mit Mercure-hub beginnt.

👋 Willkommen in der Stackhero-Dokumentation!

Stackhero bietet einen vollständig verwalteten Mercure-Hub Cloud Service, der darauf ausgelegt ist, die Bereitstellung von Echtzeitdaten einfach und zuverlässig zu gestalten. Sie profitieren von:

  • Unbegrenzten Anfragen und Nachrichten­größen für maximale Flexibilität.
  • Einer individuellen Domain mit integrierter HTTPS-Sicherheit (zum Beispiel https://real-time.ihr-unternehmen.com).
  • Ein-Klick-Updates, um Ihren Hub mühelos immer auf dem neuesten Stand zu halten.
  • Hoher Performance und starker Sicherheit auf einer privaten, dedizierten Infrastruktur.
  • Mehrere Regionen: 🇪🇺 Europa und 🇺🇸 USA für eine latenzarme Bereitstellung.

Schnell startklar: In nur 5 Minuten können Sie Ihre Mercure-Hub Cloud Hosting Umgebung bereitstellen und Echtzeit-Updates an Ihre Anwendungen senden.

Betrachten Sie ein Szenario, in dem ein Kunde ein Buch mit der ID 1 ansieht.

Im Frontend abonnieren Sie das Thema /books/1 auf Mercure-hub mithilfe der Server-Sent Events (SSE) API, einer nativen HTML5-Funktion. Mit etwa 10 Zeilen JavaScript-Code und ohne externe Bibliotheken bleibt dieser Ansatz sowohl einfach als auch effizient.

Im Backend, wenn ein Buch gekauft wird, senden Sie eine HTTP-Anfrage an Mercure-hub, um den Bestand zu aktualisieren. Zum Beispiel, wenn es 7 Bücher mit der ID 1 gibt und ein Benutzer eines kauft, wird der aktualisierte Bestand 6.

Ihr Backend sendet { stockCount: 6 } an das Thema /books/1 auf Mercure-hub, sodass jeder Benutzer, der dieses Buch ansieht, sofort die aktualisierte Bestandszahl erhält. Dieser Prozess erfordert nur eine HTTP-Anfrage vom Backend und nur wenige Zeilen Code im Frontend.

Dieses Prinzip kann verwendet werden, um Daten vom Server zum Client, zwischen Clients oder sogar zwischen Servern zu übertragen.