Disctopia
Présentation du cas
Une couche API unifiée qui connecte une plateforme de streaming musical et son site marketing en un écosystème fluide — authentification partagée, backend partagé, logique de contenu centralisée.
Objectif: L'objectif principal était de construire une couche API unifiée utilisant Auth0 pour l'authentification sur les deux plateformes, permettant aux utilisateurs de se connecter sur le site web avec les mêmes identifiants que l'application de streaming. Cette unique API gérerait la consultation des actualités, les commentaires, et les likes - garantissant la cohérence des données utilisateur entre les deux produits en permanence.
De plus, nous avions besoin d'un système de notification d'événements flexible capable d'afficher les événements à venir sur les différentes plateformes - entièrement contrôlé depuis le CMS sans intervention du développeur.
Informations clés du projet
Secteurs
Streaming musical, Économie des créateurs, Médias numériques, Monétisation des artistes
Services
Architecture API, Intégration de l'authentification, Développement Full-Stack, Personnalisation CMS
Solutions
Couche API unifiée, Authentification unique Auth0, notifications d'événements pilotées par CMS, commentaires & likes partagés
Technologies
.NET, Umbraco, JavaScript, React, Auth0, Umbraco Cloud, Mailchimp, HubSpot
Les défis
Authentification multiplateforme
Faire fonctionner Auth0 de manière fluide et cohérente pour deux plateformes dotées de piles front-end différentes — site web et application web de streaming.
Structure API sans duplication
Structurer l'API pour gérer les commentaires, likes et la logique des actualités tout en évitant toute duplication de la logique backend entre les deux produits.
Cohérence des sessions sécurisées
Assurer une gestion sécurisée des tokens et des sessions utilisateur cohérentes entre deux domaines afin que les utilisateurs ne perçoivent jamais la transition entre les plateformes.
Système d'événements piloté par CMS
Créer une bannière de notifications dynamique entièrement contrôlée depuis Umbraco — les éditeurs choisissent où les événements apparaissent sans toucher une ligne de code.
Simplicité de l'architecture
Centraliser tout sans complexifier l'architecture — en la gardant maintenable et extensible au fur et à mesure de la croissance de la plateforme.
Le processus
Une approche de mise en œuvre progressive est utilisée, débutant par la conception et la mise en place de l'architecture API de base et du système d'authentification, puis progressant à travers plusieurs étapes jusqu'à l'intégration complète d'une couche de notifications pilotée par CMS unifiant la diffusion de contenu et le comportement du système sur les plateformes.
Architecture API unifiée
Conception et développement d'une API unique utilisée à la fois par le site marketing et l'application de streaming. Toutes les données transitent par un seul backend — pas de duplication, pas de miroir.
Intégration Auth0
Intégration d'Auth0 comme fournisseur d'authentification partagé pour les deux plateformes. Les utilisateurs se connectent une fois et naviguent entre le site web et l'application sans nouvelle authentification. La gestion des tokens et de l'état de session est sécurisée entre les domaines.
Commentaires, likes & logique des actualités
Mise en place des fonctions de commentaires et de likes via l'API centrale. Le site web se connecte au même backend que l'application de streaming, assurant une unification de toutes les interactions sociales et la cohérence des données.
Système de notification d'événements
Création d'un script personnalisé qui récupère les données événementielles depuis Umbraco et affiche une bannière dynamique sur la plateforme choisie par l'éditeur. Le marketing peut annoncer des événements sur le site, l'app, ou les deux — sans intervention du développeur.
Solutions
Les principales caractéristiques de la solution
Couche API unifiée — Une seule API alimente le site et l'application de streaming. Toutes les données (utilisateurs, actualités, commentaires, likes, événements) transitent par une source unique, éliminant la duplication et les problèmes de synchronisation.
Authentification Auth0 partagée — Auth0 est un fournisseur d'identité commun. Les utilisateurs se connectent une fois ; les mêmes identifiants fonctionnent sur toutes les plateformes avec des sessions et tokens cohérents.
Commentaires & Likes via API centrale — Les interactions sociales sont gérées via l'API unifiée, garantissant la cohérence des données d'engagement entre les plateformes.
Bannières de notification d'événements pilotées par CMS — Le script récupère les données événements d'Umbraco et affiche les bannières. Les éditeurs définissent le contenu et l'emplacement (web, app, ou les deux) sans intervention du développeur.
Intégrations Mailchimp & HubSpot — Intégration avec Mailchimp et HubSpot permettant aux équipes de gérer le marketing et le CRM via leurs outils usuels, avec données transitant par le backend central.
Résultats en chiffres
100%
Tous les utilisateurs s’authentifient via Auth0 sur les deux plateformes avec un seul jeu d’identifiants. Pas de comptes séparés, aucune friction lors du passage entre le site web et l’application de streaming.
3x
Les éditeurs publient des bannières d’événement sur n’importe quelle plateforme en quelques minutes via Umbraco — ce qui nécessitait auparavant un ticket développeur et un déploiement prend maintenant trois clics dans le backoffice.
2x
Centraliser l’authentification, les données et la logique dans une seule API réduit la maintenance. Le système est prévisible — les problèmes sont isolés et résolus en un seul endroit au lieu de deux.
