Mercure-Hub: Como funciona o Mercure-hub

Esta documentação faz parte do guia Introdução. Consulte o guia completo aqui: Como começar com Mercure-hub.

👋 Bem-vindo à documentação da Stackhero!

A Stackhero oferece uma solução Mercure-Hub cloud pronta a usar que proporciona uma série de benefícios, incluindo:

• Pedidos e tamanhos de mensagens ilimitados.
• Nome de domínio personalizável seguro com HTTPS (por exemplo, https://real-time.sua-empresa.com).
• Atualizações fáceis com apenas um clique.
• Desempenho ótimo e segurança robusta alimentados por uma VM privada e dedicada.
• Disponível na 🇪🇺 Europa e 🇺🇸 EUA.

Poupe tempo e simplifique a sua vida: são necessários apenas 5 minutos para experimentar a solução Mercure-Hub cloud hosting da Stackhero!

Considere um cenário onde um cliente está a visualizar um livro com o ID 1.

No front end, subscreve ao tópico /books/1 no Mercure-hub usando a API Server-Sent Events (SSE), uma funcionalidade nativa do HTML5. Com cerca de 10 linhas de código JavaScript e sem necessidade de bibliotecas externas, esta abordagem mantém-se simples e eficiente.

No back end, quando um livro é comprado, envia um pedido HTTP para o Mercure-hub para atualizar o stock. Por exemplo, se houver 7 livros com o ID 1 e um utilizador comprar um, o stock atualizado passa a ser 6.

O seu back end envia { stockCount: 6 } para o tópico /books/1 no Mercure-hub para que cada utilizador que visualize esse livro receba instantaneamente a contagem de stock atualizada. Este processo requer apenas um pedido HTTP do back end e apenas algumas linhas de código no front end.

Este princípio pode ser usado para enviar dados do servidor para o cliente, entre clientes, ou até entre servidores.