Mercure-Hub: Mercure-hub 的工作原理

本文件是入门指南指南的一部分。您可以在这里查看完整指南：如何开始使用 Mercure-hub。

👋 欢迎来到 Stackhero 文档！

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

• 无限制的请求和消息大小，带来完全的灵活性。
• 带有内置 HTTPS 安全的自定义域名（例如，https://real-time.your-company.com）。
• 便捷的一键更新，让您的 hub 始终保持最新，无需额外操作。
• 在专属私有基础设施上实现高性能与强安全性。
• 多区域支持：🇪🇺 欧洲和🇺🇸 USA，实现低延迟传输。

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

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

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