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 請求，並在前端寫幾行代碼。

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