Disctopia
Visão geral do caso
Uma camada unificada de API que conecta uma plataforma de streaming de música e o seu website de marketing num ecossistema perfeito — autenticação partilhada, backend partilhado, lógica centralizada de conteúdos.
Objetivo: O objetivo principal era construir uma camada de API unificada que usa Auth0 para autenticação em ambas as plataformas, permitindo que os utilizadores façam login no website usando as mesmas credenciais da aplicação de streaming. Esta API única geriria a visualização de notícias, comentários e gostos - mantendo os dados dos utilizadores consistentes entre os dois produtos a todo o momento.
Além disso, precisávamos de um sistema flexível de notificações de eventos que pudesse mostrar eventos futuros em ambas as plataformas - controlado inteiramente a partir do CMS sem qualquer intervenção do programador.
Informações chave do projeto
Indústrias
Streaming de Música, Economia dos Criadores, Media Digital, Monetização de Artistas
Serviços
Arquitetura de API, Integração de Autenticação, Desenvolvimento Full-Stack, Personalização de CMS
Soluções
Camada unificada de API, Auth0 SSO, notificações de eventos geridas por CMS, comentários e gostos partilhados
Tecnologias
.NET, Umbraco, JavaScript, React, Auth0, Umbraco Cloud, Mailchimp, HubSpot
Os desafios
Autenticação Multi-Plataforma
Fazer o Auth0 funcionar de forma fluida e consistente para duas plataformas com stacks front-end diferentes — website e aplicação web de streaming.
Estrutura da API Sem Duplicação
Estruturar a API para gerir comentários, gostos e lógica de notícias enquanto se evita qualquer duplicação da lógica do backend entre os dois produtos.
Consistência Segura nas Sessões
Garantir um tratamento seguro de tokens e sessões de utilizador consistentes entre dois domínios para que os utilizadores nunca sintam a separação entre plataformas.
Sistema de Eventos Gerido por CMS
Criar um banner de notificações dinâmico controlado inteiramente a partir do Umbraco — os editores escolhem onde os eventos aparecem sem tocar numa linha de código.
Simplicidade na Arquitetura
Centralizar tudo sem complicar demasiado a arquitetura — mantendo-a sustentável e extensível conforme a plataforma cresce.
O processo
Foi usada uma abordagem de implementação faseada, começando pelo design e configuração da arquitetura central da API e sistema de autenticação, progredindo gradualmente através de fases sucessivas, culminando numa camada de notificações totalmente integrada e gerida por CMS que unifica a entrega de conteúdos e comportamento do sistema em todas as plataformas.
Arquitetura Unificada de API
Projetámos e construímos uma única API consumida tanto pelo website de marketing como pela aplicação de streaming. Todos os dados passam por um único backend — sem espelhamento, sem duplicação.
Integração Auth0
Integramos Auth0 como um provedor comum de autenticação para ambas as plataformas. Os utilizadores fazem login uma vez e movem-se entre o website e a aplicação sem precisar de reautenticar-se. O tratamento de tokens e o estado da sessão são tratados de forma segura entre domínios.
Lógica de Comentários, Gostos & Notícias
Implementámos funcionalidades de comentários e gostos via API central. O website liga-se ao mesmo backend da aplicação de streaming, garantindo que todas as interações sociais são unificadas e os dados se mantêm consistentes.
Sistema de Notificações de Eventos
Construímos um script personalizado que obtém os dados dos eventos do Umbraco e apresenta um banner dinâmico na plataforma que o editor escolher. O marketing pode anunciar eventos no website, na aplicação, ou em ambos — sem qualquer envolvimento do programador.
Soluções
As principais funcionalidades da solução
Camada Unificada de API — Uma única API alimenta o site e a aplicação de streaming. Todos os dados (utilizadores, notícias, comentários, gostos, eventos) fluem através de uma única fonte de verdade, eliminando duplicações e problemas de sincronização.
Autenticação Auth0 Partilhada — Auth0 é um provedor comum de identidade. Os utilizadores entram uma vez; as mesmas credenciais funcionam em todas as plataformas com sessões e tokens consistentes.
Comentários e Gostos via API Central — Interações sociais geridas via API unificada, mantendo os dados de envolvimento consistentes em todas as plataformas.
Banners de Notificação de Eventos Geridos por CMS — O script obtém dados dos eventos do Umbraco e apresenta banners. Os editores definem o conteúdo e o local (web, app, ambos) sem intervenção de programadores.
Integrações Mailchimp & HubSpot — Integrado com Mailchimp e HubSpot para que as equipas geram marketing e CRM através de ferramentas familiares, com dados a fluírem pelo backend central.
Resultados em números
100%
Todos os utilizadores autenticam-se via Auth0 em ambas as plataformas com um conjunto de credenciais. Sem contas separadas, sem atrito ao alternar entre o site e a aplicação de streaming.
3x
Os editores publicam banners de eventos para qualquer plataforma em minutos via Umbraco — o que antes exigia um pedido a um desenvolvedor e uma implementação agora demora três cliques no backoffice.
2x
Centralizar a autenticação, dados e lógica numa única API reduz a manutenção. O sistema é previsível — os problemas são isolados e resolvidos num só lugar em vez de dois.
