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 kant-en-klare Mercure-Hub cloud oplossing die tal van voordelen biedt, waaronder:
- Onbeperkte verzoeken en berichtgroottes.
- Aanpasbare domeinnaam beveiligd met HTTPS (bijvoorbeeld, https://real-time.uw-bedrijf.com).
- Moeiteloze updates met slechts één klik.
- Optimale prestaties en robuuste beveiliging aangedreven door een privé en dedicated VM.
- Beschikbaar in 🇪🇺 Europa en 🇺🇸 USA.
Bespaar tijd en vereenvoudig uw leven: het kost slechts 5 minuten om de Mercure-Hub cloud hosting oplossing van Stackhero te proberen!
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.