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 sin fisuras: autenticación compartida, backend compartido, lógica de contenido centralizada.
Objetivo: El objetivo principal era construir una capa de API unificada que use Auth0 para la autenticación en ambas plataformas, permitiendo a los usuarios iniciar sesión en el sitio web usando las mismas credenciales que en la app de streaming. Esta única API manejaría la visualización de noticias, comentarios y 'me gusta', 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 necesidad de intervención del desarrollador.
Información clave del proyecto
Industrias
Streaming de música, Economía de creadores, Medios digitales, Monetización de artistas
Servicios
Arquitectura de API, Integración de autenticación, Desarrollo Full-Stack, Personalización de CMS
Soluciones
Capa de API unificada, SSO de Auth0, notificaciones de eventos gestionadas por CMS, comentarios y 'me gusta' 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 en dos plataformas con pilas front-end diferentes: sitio web y aplicación web de streaming.
Estructura de API sin duplicación
Estructurar la API para manejar comentarios, 'me gusta' y lógica de noticias evitando cualquier duplicación de lógica backend entre ambos productos.
Consistencia segura de sesión
Garantizar un manejo seguro de tokens y sesiones de usuario consistentes en dos dominios para que los usuarios no perciban la transición entre plataformas.
Sistema de eventos gestionado por CMS
Crear una notificación dinámica controlada completamente desde Umbraco: los editores eligen dónde aparecen los eventos sin tocar una línea de código.
Simplicidad arquitectónica
Centralizar todo sin complicar la arquitectura: mantenerla mantenible y extensible a medida que 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 principal de la API y el sistema de autenticación, progresando gradualmente a través de etapas sucesivas, culminando finalmente en una capa de notificaciones totalmente integrada y gestionada por CMS que unifica la entrega de contenido y el comportamiento del sistema en todas las plataformas.
Arquitectura unificada de API
Diseñamos y construimos una única API consumida tanto por el sitio web de marketing como por la app de streaming. Todos los datos fluyen a través de un solo backend: sin espejos, sin duplicación.
Integración Auth0
Integración de Auth0 como proveedor común de autenticación para ambas plataformas. Los usuarios inician sesión una vez y pueden moverse entre el sitio web y la app sin volver a autenticarse. El manejo de tokens y el estado de sesión se gestionan de forma segura entre dominios.
Comentarios, 'me gusta' y lógica de noticias
Implementamos funcionalidades de comentarios y 'me gusta' a través de 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 los datos sean consistentes.
Sistema de notificación de eventos
Desarrollamos un script personalizado que obtiene 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 web, la app, o ambas, sin intervención de desarrolladores.
Soluciones
Características clave de la solución
Capa de API unificada — Una única API alimenta el sitio y la app de streaming. Todos los datos (usuarios, noticias, comentarios, 'me gusta', eventos) fluyen a través de una fuente única de verdad, eliminando duplicaciones y problemas de sincronización.
Autenticación Auth0 compartida — 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 'Me gusta' vía API central — Las interacciones sociales se gestionan mediante la API unificada, manteniendo los datos de participación consistentes en todas las plataformas.
Banners de notificación de eventos gestionados por CMS — El script extrae datos de eventos de Umbraco y muestra banners. Los editores configuran el contenido y la ubicación (web, app, ambas) sin intervención del desarrollador.
Integraciones Mailchimp y HubSpot — Integrado con Mailchimp y HubSpot para que los equipos gestionen marketing y CRM con herramientas familiares, con los datos fluyendo a través del backend central.
Resultados en números
100%
Todos los usuarios se autentican a través de Auth0 en ambas plataformas con un solo conjunto de credenciales. Sin cuentas separadas, sin fricciones al cambiar entre el sitio web y la aplicación de streaming.
3x
Los editores publican banners de eventos en cualquier plataforma en minutos a través de Umbraco — lo que antes requería un ticket para desarrolladores y un despliegue ahora toma tres clics en el backoffice.
2x
Centralizar la autenticación, datos y lógica en una sola API reduce el mantenimiento. El sistema es predecible — los problemas se aíslan y resuelven en un solo lugar en lugar de en dos.
