Mercure-Hub: Hoe Mercure-hub werkt

Deze documentatie maakt deel uit van de Aan de slag-gids. Bekijk de volledige gids hier: Hoe te beginnen met Mercure-hub.

👋 Welkom bij de Stackhero-documentatie!

Stackhero biedt een volledig beheerde Mercure-Hub cloud dienst, ontworpen om real-time datalevering eenvoudig en betrouwbaar te maken. U profiteert van:

• Onbeperkt aantal verzoeken en berichtgroottes voor maximale flexibiliteit.
• Een eigen domein met ingebouwde HTTPS-beveiliging (bijvoorbeeld, https://real-time.uw-bedrijf.com).
• Moeiteloze one-click updates om uw hub zonder gedoe up-to-date te houden.
• Hoge performance en sterke beveiliging op een privé, dedicated infrastructuur.
• Meerdere regio's: 🇪🇺 Europa en 🇺🇸 USA voor levering met lage latency.

Snel aan de slag: het duurt slechts 5 minuten om uw Mercure-Hub cloud hosting omgeving te starten en direct real-time updates naar uw applicaties te sturen.

Overweeg een scenario waarin een klant een boek met ID 1 bekijkt.

Aan de front-end abonneer je je op het onderwerp /books/1 op Mercure-hub met behulp van de Server-Sent Events (SSE) API, een native HTML5-functie. Met ongeveer 10 regels JavaScript-code en zonder externe bibliotheken blijft deze aanpak zowel eenvoudig als efficiënt.

Aan de back-end, wanneer een boek wordt gekocht, stuur je een HTTP-verzoek naar Mercure-hub om de voorraad bij te werken. Bijvoorbeeld, als er 7 boeken met ID 1 zijn en een gebruiker er een koopt, wordt de bijgewerkte voorraad 6.

Je back-end stuurt { stockCount: 6 } naar het onderwerp /books/1 op Mercure-hub zodat elke gebruiker die dat boek bekijkt onmiddellijk de bijgewerkte voorraad ontvangt. Dit proces vereist slechts een HTTP-verzoek van de back-end en slechts enkele regels code aan de front-end.

Dit principe kan worden gebruikt om gegevens van de server naar de client te pushen, tussen clients, of zelfs tussen servers.