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 請求和前端的幾行代碼。

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