Mercure-Hub: Comment fonctionne Mercure-hub

Cette documentation fait partie du guide Premiers pas. Consultez le guide complet ici : Comment débuter avec Mercure-hub.

👋 Bienvenue sur la documentation de Stackhero !

Stackhero propose une solution Mercure-Hub cloud prête à l'emploi qui offre de nombreux avantages, notamment :

• Requêtes et tailles de messages illimitées.
• Nom de domaine personnalisable sécurisé avec HTTPS (par exemple, https://real-time.votre-entreprise.com).
• Mises à jour faciles en un clic.
• Performance optimale et sécurité robuste grâce à une VM privée et dédiée.
• Disponible en 🇪🇺 Europe et 🇺🇸 USA.

Gagnez du temps et simplifiez-vous la vie : il suffit de 5 minutes pour essayer la solution Mercure-Hub cloud hosting de Stackhero !

Prenons un scénario où un client consulte un livre avec l'ID 1.

Sur le front end, vous vous abonnez au topic /books/1 sur Mercure-hub en utilisant l'API Server-Sent Events (SSE), une fonctionnalité native de HTML5. Avec environ 10 lignes de code JavaScript et sans besoin de bibliothèques externes, cette approche reste à la fois simple et efficace.

Sur le back end, lorsqu'un livre est acheté, vous envoyez une requête HTTP à Mercure-hub pour mettre à jour le stock. Par exemple, s'il y a 7 livres avec l'ID 1 et qu'un utilisateur en achète un, le stock mis à jour devient 6.

Votre back end envoie { stockCount: 6 } au topic /books/1 sur Mercure-hub afin que chaque utilisateur consultant ce livre reçoive instantanément le stock mis à jour. Ce processus nécessite seulement une requête HTTP depuis le back end et quelques lignes de code sur le front end.

Ce principe peut être utilisé pour pousser des données du serveur au client, entre clients, ou même entre serveurs.