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 代码，无需外部库，这种方法既简单又高效。

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

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

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