Mercure-Hub: Come funziona Mercure-hub
Questa documentazione fa parte della guida Iniziare. Consulta la guida completa qui: Come iniziare con Mercure-hub.
👋 Benvenuti nella documentazione di Stackhero!
Stackhero offre una soluzione Mercure-Hub cloud pronta all'uso che fornisce numerosi vantaggi, tra cui:
- Richieste e dimensioni dei messaggi illimitate.
- Nome di dominio personalizzabile protetto con HTTPS (ad esempio, https://real-time.tua-azienda.com).
- Aggiornamenti facili con un solo clic.
- Prestazioni ottimali e sicurezza robusta grazie a una VM privata e dedicata.
- Disponibile in 🇪🇺 Europa e 🇺🇸 USA.
Risparmia tempo e semplifica la tua vita: bastano solo 5 minuti per provare la soluzione di Mercure-Hub cloud hosting di Stackhero!
Considerate uno scenario in cui un cliente sta visualizzando un libro con l'ID 1.
Sul front end, vi iscrivete al topic /books/1 su Mercure-hub utilizzando l'API Server-Sent Events (SSE), una funzionalità nativa di HTML5. Con circa 10 righe di codice JavaScript e senza bisogno di librerie esterne, questo approccio rimane sia semplice che efficiente.
Sul back end, quando un libro viene acquistato, inviate una richiesta HTTP a Mercure-hub per aggiornare lo stock. Ad esempio, se ci sono 7 libri con l'ID 1 e un utente ne acquista uno, lo stock aggiornato diventa 6.
Il vostro back end invia { stockCount: 6 } al topic /books/1 su Mercure-hub in modo che ogni utente che visualizza quel libro riceva immediatamente il conteggio dello stock aggiornato. Questo processo richiede solo una richiesta HTTP dal back end e poche righe di codice sul front end.
Questo principio può essere utilizzato per inviare dati dal server al client, tra client o anche tra server.