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 bei der Stackhero-Dokumentation!
Stackhero bietet eine einsatzbereite Mercure-Hub Cloud Lösung, die zahlreiche Vorteile bietet, darunter:
- Unbegrenzte Anfragen und Nachrichtengrößen.
- Anpassbarer Domainname gesichert mit HTTPS (zum Beispiel, https://real-time.ihre-firma.com).
- Mühelose Updates mit nur einem Klick.
- Optimale Leistung und robuste Sicherheit durch eine private und dedizierte VM.
- Verfügbar in 🇪🇺 Europa und 🇺🇸 USA.
Sparen Sie Zeit und vereinfachen Sie Ihr Leben: Es dauert nur 5 Minuten, um die Mercure-Hub Cloud Hosting Lösung von Stackhero auszuprobieren!
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.