Mercure-Hub: Mercure-hub 如何工作

本文档属于入门指南指南的一部分。您可以在此处查看完整指南：如何开始使用 Mercure-hub。

👋 欢迎使用 Stackhero 文档！

Stackhero 提供现成的 Mercure-Hub 云 解决方案，具有多种优势，包括：

• 无限制的请求和消息大小。
• 使用 HTTPS 保护的可定制域名（例如，https://real-time.your-company.com）。
• 只需点击即可轻松更新。
• 由专用私有 VM提供的最佳性能和强大安全性。
• 在🇪🇺 欧洲和🇺🇸 美国均可使用。

节省时间并简化您的生活：只需 5 分钟即可试用 Stackhero 的 Mercure-Hub 云托管 解决方案！

考虑一个场景，客户正在查看 ID 为 1 的书籍。

在前端，您使用 HTML5 的原生功能 Server-Sent Events (SSE) API 订阅 Mercure-hub 上的主题 /books/1。只需大约 10 行 JavaScript 代码，无需外部库，这种方法既简单又高效。

在后端，当一本书被购买时，您向 Mercure-hub 发送 HTTP 请求以更新库存。例如，如果有 7 本 ID 为 1 的书籍，而用户购买了一本，更新后的库存变为 6。

您的后端将 { stockCount: 6 } 发送到 Mercure-hub 上的主题 /books/1，以便每个查看该书籍的用户立即收到更新的库存数量。此过程只需要后端的一个 HTTP 请求和前端的几行代码。

这一原理可用于从服务器向客户端、客户端之间，甚至服务器之间推送数据。