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 taille des messages illimitées.
• Nom de domaine personnalisable sécurisé avec HTTPS (par exemple, https://real-time.votre-entreprise.com).
• Mises à jour simplifiées en un clic.
• Performance optimale et sécurité renforcée 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 le cas d'un client qui consulte un livre avec l'ID 1.

Côté front end, vous vous abonnez au topic /books/1 sur Mercure-hub en utilisant l'API Server-Sent Events (SSE), une fonctionnalité native d'HTML5. Avec une dizaine de lignes de code JavaScript et sans aucune bibliothèque externe, cette approche reste simple et efficace.

Côté back end, lorsqu'un livre est acheté, vous envoyez une requête HTTP à Mercure-hub pour mettre à jour le stock. Par exemple, s'il reste 7 livres avec l'ID 1 et qu'un utilisateur en achète un, le stock passe à 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 la mise à jour du stock. Ce processus nécessite uniquement une requête HTTP côté back end et quelques lignes de code côté front end.

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