Mercure-Hub: Cómo funciona Mercure-hub

Esta documentación forma parte de la guía Introducción. Consulte la guía completa aquí: Cómo empezar con Mercure-hub.

👋 ¡Bienvenido a la documentación de Stackhero!

Stackhero ofrece una solución Mercure-Hub cloud lista para usar que proporciona una serie de beneficios, incluyendo:

• Solicitudes y tamaños de mensajes ilimitados.
• Nombre de dominio personalizable asegurado con HTTPS (por ejemplo, https://real-time.su-empresa.com).
• Actualizaciones sin esfuerzo con solo un clic.
• Rendimiento óptimo y seguridad robusta impulsados por una VM privada y dedicada.
• Disponible en 🇪🇺 Europa y 🇺🇸 USA.

Ahorre tiempo y simplifique su vida: solo toma 5 minutos probar la solución de Mercure-Hub cloud hosting de Stackhero!

Considere un escenario donde un cliente está viendo un libro con el ID 1.

En el front end, se suscribe al tema /books/1 en Mercure-hub utilizando la API Server-Sent Events (SSE), una característica nativa de HTML5. Con alrededor de 10 líneas de código JavaScript y sin necesidad de bibliotecas externas, este enfoque sigue siendo sencillo y eficiente.

En el back end, cuando se compra un libro, envía una solicitud HTTP a Mercure-hub para actualizar el stock. Por ejemplo, si hay 7 libros con el ID 1 y un usuario compra uno, el stock actualizado se convierte en 6.

Su back end envía { stockCount: 6 } al tema /books/1 en Mercure-hub para que cada usuario que vea ese libro reciba instantáneamente el recuento de stock actualizado. Este proceso solo requiere una solicitud HTTP desde el back end y unas pocas líneas de código en el front end.

Este principio se puede utilizar para enviar datos desde el servidor al cliente, entre clientes o incluso entre servidores.