Mercure-Hub: Mercure-hub 如何運作

本文件是入門指南指南的一部分。請在此處查看完整指南：如何開始使用 Mercure-hub。

👋 歡迎來到 Stackhero 文件！

Stackhero 提供現成的 Mercure-Hub cloud 解決方案，帶來多項好處，包括：

• 無限制的請求和消息大小。
• 使用 HTTPS 保護的可自定義域名（例如，https://real-time.your-company.com）。
• 只需點擊即可輕鬆更新。
• 由專用私有 VM提供的最佳性能和強大安全性。
• 可用於 🇪🇺 歐洲 和 🇺🇸 美國。

節省時間並簡化您的生活：只需 5 分鐘即可嘗試 Stackhero 的 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 請求和前端的幾行代碼。

這個原則可以用來從服務器推送數據到客戶端、客戶端之間，甚至服務器之間。