Disctopia
Resumen del caso
Una capa de API unificada que conecta una plataforma de streaming de música y su sitio web de marketing en un ecosistema fluido — autenticación compartida, backend compartido, lógica de contenido centralizada.
Objetivo: El objetivo principal era construir una capa de API unificada que usara Auth0 para la autenticación en ambas plataformas, permitiendo a los usuarios iniciar sesión en el sitio web con las mismas credenciales que la aplicación de streaming. Esta única API manejaría la visualización de noticias, comentarios y likes, manteniendo los datos del usuario consistentes entre ambos productos en todo momento.
Además, necesitábamos un sistema flexible de notificaciones de eventos que pudiera mostrar eventos próximos en ambas plataformas, controlado completamente desde el CMS sin ninguna intervención de desarrolladores.
Información clave del proyecto
Industrias
Streaming de música, Economía de creadores, Medios digitales, Monetización de artistas
Servicios
Arquitectura API, Integración de autenticación, Desarrollo Full-Stack, Personalización de CMS
Soluciones
Capa de API unificada, SSO Auth0, notificaciones de eventos gestionadas por CMS, comentarios y likes compartidos
Tecnologías
.NET, Umbraco, JavaScript, React, Auth0, Umbraco Cloud, Mailchimp, HubSpot
Los desafíos
Autenticación multiplataforma
Hacer que Auth0 funcione de manera fluida y consistente para dos plataformas con diferentes stacks front-end: sitio web y aplicación web de streaming.
Estructura de API sin duplicación
Estructurar la API para manejar comentarios, likes y lógica de noticias evitando cualquier duplicación de la lógica del backend entre los dos productos.
Consistencia segura de sesión
Asegurar el manejo seguro de tokens y sesiones de usuarios consistentes entre dos dominios para que los usuarios no noten la separación entre plataformas.
Sistema de eventos gestionado por CMS
Crear un banner dinámico de notificaciones controlado completamente desde Umbraco: los editores eligen dónde aparecen los eventos sin tocar una línea de código.
Simplicidad en la arquitectura
Centralizar todo sin complicar demasiado la arquitectura, manteniéndola mantenible y extensible conforme la plataforma escala.
El proceso
Se utiliza un enfoque de implementación por fases, comenzando con el diseño y configuración de la arquitectura API central y el sistema de autenticación, y progresando gradualmente a través de etapas sucesivas, culminando finalmente en una capa de notificaciones completamente integrada y gestionada por CMS que unifica la entrega de contenido y el comportamiento del sistema entre plataformas.
Arquitectura de API unificada
Diseñamos y construimos una única API consumida tanto por el sitio web de marketing como por la aplicación de streaming. Todos los datos fluyen a través de un backend único — no hay duplicación ni espejado.
Integración Auth0
Integrado Auth0 como proveedor común de autenticación para ambas plataformas. Los usuarios inician sesión una vez y se mueven entre el sitio web y la app sin necesidad de reautenticarse. El manejo de tokens y el estado de la sesión se gestionan de forma segura a través de dominios.
Comentarios, Likes y lógica de noticias
Implementamos funcionalidad de comentarios y likes via la API central. El sitio web se conecta al mismo backend que la app de streaming, asegurando que todas las interacciones sociales estén unificadas y que los datos permanezcan consistentes.
Sistema de notificaciones de eventos
Construimos un script personalizado que recupera datos de eventos desde Umbraco y muestra un banner dinámico en la plataforma que el editor elija. Marketing puede anunciar eventos en el sitio, la app o ambos, sin necesidad de desarrolladores.
Soluciones
Características clave de la solución
Capa unificada de API — Una API que alimenta el sitio y la app de streaming. Todos los datos (usuarios, noticias, comentarios, likes, eventos) fluyen a través de una única fuente de verdad, eliminando duplicaciones y problemas de sincronización.
Autenticación compartida con Auth0 — Auth0 es un proveedor común de identidad. Los usuarios inician sesión una vez; las mismas credenciales funcionan en todas las plataformas con sesiones y tokens consistentes.
Comentarios y Likes vía API central — Las interacciones sociales se gestionan via la API unificada, manteniendo los datos de engagement consistentes entre plataformas.
Banners de notificación de eventos gestionados por CMS — El script obtiene datos de eventos desde Umbraco y muestra banners. Los editores configuran contenido y ubicación (web, app o ambas) sin intervención de desarrolladores.
Integraciones de Mailchimp y HubSpot — Integrado con Mailchimp y HubSpot para que los equipos gestionen marketing y CRM mediante herramientas conocidas, con datos fluyendo a través del backend central.
Resultados en números
100%
Todos los usuarios se autentican mediante Auth0 en ambas plataformas con un solo conjunto de credenciales. Sin cuentas separadas, sin fricción al cambiar entre el sitio web y la aplicación de streaming.
3x
Los editores publican los banners de eventos en cualquier plataforma en minutos a través de Umbraco — lo que antes requería un ticket para desarrollador y un despliegue, ahora lleva tres clics en el backoffice.
2x
Centralizar la autenticación, los datos y la lógica en una única API reduce el mantenimiento. El sistema es predecible: los problemas se aíslan y resuelven en un solo lugar en vez de dos.
