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 disponibiliza um serviço Mercure-Hub cloud totalmente gerido, concebido para simplificar e garantir a entrega de dados em tempo real. Beneficia de:

  • Pedidos e tamanhos de mensagens ilimitados para máxima flexibilidade.
  • Um domínio personalizado com HTTPS integrado (por exemplo, https://real-time.sua-empresa.com).
  • Atualizações com um clique para manter o seu hub sempre atualizado sem complicações.
  • Elevada performance e forte segurança numa infraestrutura privada e dedicada.
  • Várias regiões disponíveis: 🇪🇺 Europa e 🇺🇸 USA para entrega de baixa latência.

Comece rapidamente: bastam 5 minutos para lançar o seu ambiente de Mercure-Hub cloud hosting e começar a enviar atualizações em tempo real para as suas aplicações.

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.