Mercure-Hub: Jak działa Mercure-hub

Ta dokumentacja jest częścią przewodnika Pierwsze kroki. Pełny przewodnik znajdziesz tutaj: Jak zacząć z Mercure-hub.

👋 Witamy w dokumentacji Stackhero!

Stackhero oferuje gotowe do użycia rozwiązanie Mercure-Hub cloud, które zapewnia wiele korzyści, w tym:

  • Nieograniczone żądania i rozmiary wiadomości.
  • Dostosowywalna nazwa domeny zabezpieczona za pomocą HTTPS (na przykład, https://real-time.twoja-firma.com).
  • Łatwe aktualizacje za pomocą jednego kliknięcia.
  • Optymalna wydajność i solidne zabezpieczenia dzięki prywatnej i dedykowanej VM.
  • Dostępne w 🇪🇺 Europie i 🇺🇸 USA.

Oszczędzaj czas i upraszczaj sobie życie: wystarczy 5 minut, aby wypróbować rozwiązanie Mercure-Hub cloud hosting Stackhero!

Rozważmy scenariusz, w którym klient przegląda książkę o ID 1.

Na front endzie subskrybujesz temat /books/1 na Mercure-hub, używając API Server-Sent Events (SSE), natywnej funkcji HTML5. Dzięki około 10 liniom kodu JavaScript i bez potrzeby zewnętrznych bibliotek, to podejście pozostaje zarówno proste, jak i efektywne.

Na back endzie, gdy książka zostaje zakupiona, wysyłasz żądanie HTTP do Mercure-hub, aby zaktualizować stan magazynowy. Na przykład, jeśli jest 7 książek o ID 1 i użytkownik kupuje jedną, zaktualizowany stan wynosi 6.

Twój back end wysyła { stockCount: 6 } do tematu /books/1 na Mercure-hub, aby każdy użytkownik przeglądający tę książkę natychmiast otrzymał zaktualizowany stan magazynowy. Proces ten wymaga tylko żądania HTTP z back endu i kilku linii kodu na front endzie.

Ta zasada może być używana do przesyłania danych z serwera do klienta, między klientami, a nawet między serwerami.