Disctopia
Visão geral do caso
Uma camada API unificada que conecta uma plataforma de streaming de música e o seu website de marketing num ecossistema integrado — autenticação partilhada, backend partilhado, lógica de conteúdo centralizada.
Objetivo: O principal objetivo foi construir uma camada API unificada que utiliza o Auth0 para autenticação em ambas as plataformas, permitindo aos utilizadores entrar 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 em todos os momentos.
Adicionalmente, necessitámos de um sistema flexível de notificação de eventos que pudesse mostrar eventos futuros nas plataformas - controlado inteiramente pelo CMS sem qualquer envolvimento do programador.
Informação chave do projeto
Indústrias
Streaming de Música, Economia Criativa, 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 API unificada, SSO Auth0, 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 Cross-Platform
Fazer o Auth0 funcionar perfeitamente e de forma consistente para duas plataformas com stacks front-end diferentes — website e aplicação web de streaming.
Estrutura de API sem duplicação
Estruturar a API para lidar com lógica de comentários, gostos e notícias, evitando qualquer duplicação da lógica backend entre os dois produtos.
Consistência segura de sessões
Garantir o tratamento seguro de tokens e sessões de utilizadores consistentes em dois domínios para que os utilizadores nunca percebam a transição entre plataformas.
Sistema de eventos gerido por CMS
Criar um banner de notificação dinâmico controlado inteiramente pelo Umbraco — os editores escolhem onde os eventos aparecem sem tocar numa linha de código.
Simplicidade da arquitetura
Centralizar tudo sem complicar demasiado a arquitetura — mantendo-a sustentável e extensível conforme a plataforma cresce.
O processo
Foi utilizada uma abordagem de implementação faseada, começando pelo design e configuração da arquitetura central da API e do sistema de autenticação, progredindo gradualmente por sucessivas etapas, culminando numa camada de notificações totalmente integrada e gerida por CMS que unifica a entrega de conteúdo e o comportamento do sistema entre plataformas.
Arquitetura API Unificada
Desenvolvemos uma única API consumida tanto pelo website de marketing como pela aplicação de streaming. Todos os dados passam por um backend — sem espelhamento, sem duplicação.
Integração Auth0
Integramos o Auth0 como provedor de autenticação comum para ambas as plataformas. Os utilizadores entram uma vez e navegam entre o website e a app sem necessidade de reautenticação. O tratamento de tokens e estado de sessão é seguro entre domínios.
Comentários, Gostos e Lógica de Notícias
Implementámos funcionalidades de comentário e gosto via API central. O website liga-se ao mesmo backend que a app de streaming, garantindo que todas as interações sociais são unificadas e os dados permanecem consistentes.
Sistema de Notificação de Eventos
Construímos um script personalizado que obtém dados de eventos do Umbraco e exibe um banner dinâmico na plataforma escolhida pelo editor. O marketing pode anunciar eventos no website, na app ou em ambos — sem qualquer intervenção do programador.
Soluções
Características principais da solução
Camada API Unificada — Uma única API que alimenta o site e a app de streaming. Todos os dados (utilizadores, notícias, comentários, gostos, eventos) passam por uma fonte única 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 entre plataformas.
Banners de Notificação de Eventos Geridos por CMS — O script obtém dados de eventos do Umbraco e apresenta os banners. Os editores definem o conteúdo e a localização (web, app, ambos) sem intervenção do programador.
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 fluir por uma 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 mudar entre o site e a aplicação de streaming.
3x
Os editores publicam banners de eventos em qualquer plataforma em minutos via Umbraco — o que antes requeria um pedido a um programador e uma implantação agora demora três cliques no backoffice.
2x
Centralizar 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.
