Mercure-Hub: Mercure-hub 如何工作

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

👋 欢迎查阅 Stackhero 文档！

Stackhero 提供全托管的 Mercure-Hub cloud 服务，旨在让实时数据传递变得简单可靠。您将获得：

• 无限制的请求次数和消息大小，满足您的全部灵活性需求。
• 带有内置 HTTPS 安全的自定义域名（例如，https://real-time.your-company.com）。
• 便捷的一键升级，让您的 Hub 始终保持最新，无需任何繁琐操作。
• 在专属私有基础设施上实现高性能与强安全性。
• 多区域支持：🇪🇺 欧洲和🇺🇸 美国，实现低延迟数据传输。

快速启动：只需 5 分钟即可部署您的 Mercure-Hub cloud hosting 环境，立即为您的应用推送实时更新。

考虑一个场景，客户正在查看 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 请求和前端的几行代码。

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