Disctopia
Aperçu du cas
Une couche API unifiée qui connecte une plateforme de streaming musical et son site marketing en un écosystème homogène — 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 avec les mêmes identifiants que l'application de streaming. Cette API unique gérerait la visualisation des actualités, les commentaires et les likes - en maintenant les données utilisateur cohérentes entre les deux produits en permanence.
De plus, nous avions besoin d'un système flexible de notification d'événements pouvant afficher les événements à venir sur toutes les plateformes - contrôlé entièrement depuis le CMS sans aucune intervention de développeur.
Informations clés sur le projet
Secteurs
Streaming musical, Économie des créateurs, Médias numériques, Monétisation des artistes
Services
Architecture API, Intégration d'authentification, Développement Full-Stack, Personnalisation CMS
Solutions
Couche API unifiée, SSO 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 sur deux plateformes avec des stacks front-end différents — site web et application de streaming web.
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 logique backend entre les deux produits.
Cohérence sécurisée des sessions
Assurer une gestion sécurisée des tokens et des sessions utilisateur cohérentes sur deux domaines afin que les utilisateurs ne ressentent jamais de coupure entre les plateformes.
Système événementiel piloté par CMS
Créer une bannière de notification dynamique contrôlée entièrement depuis Umbraco — les éditeurs choisissent où les événements apparaissent sans toucher une ligne de code.
Simplicité de l'architecture
Centraliser tout sans compliquer l'architecture — en la gardant maintenable et extensible à mesure que la plateforme évolue.
Le processus
Une approche d'implémentation par phases est utilisée, débutant par la conception et la mise en place de l'architecture API principale et du système d'authentification, puis progressant graduellement par étapes successives, culminant finalement en une couche de notification pilotée par CMS entièrement intégrée qui unifie la livraison de contenu et le comportement du système sur les plateformes.
Architecture API unifiée
Conception et construction d'une API unique consommée à la fois par le site marketing et l'application de streaming. Toutes les données passent par un seul backend — pas de duplication, pas de miroir.
Intégration Auth0
Intégration d'Auth0 en tant que fournisseur d'authentification partagé pour les deux plateformes. Les utilisateurs se connectent une fois et naviguent entre le site et l'application sans avoir à se réauthentifier. La gestion des tokens et l'état des sessions sont sécurisés entre les domaines.
Commentaires, Likes & logique des actualités
Mise en œuvre des fonctionnalités de commentaire et de like via l'API centrale. Le site web se connecte au même backend que l'application de streaming, garantissant que toutes les interactions sociales sont unifiées et que les données restent cohérentes.
Système de notification d'événements
Création d'un script personnalisé qui récupère les données d'événements depuis Umbraco et affiche une bannière dynamique sur la plateforme sélectionnée par l'éditeur. Le marketing peut annoncer des événements sur le site web, l'application, ou les deux — sans intervention du développeur.
Solutions
Les principales caractéristiques de la solution
Couche API unifiée — Une API unique alimente le site et l'application de streaming. Toutes les données (utilisateurs, actualités, commentaires, likes, événements) passent par une seule source de vérité, éliminant duplication et problèmes de synchronisation.
Authentification partagée Auth0 — 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, assurant la cohérence des données d'engagement sur toutes les plateformes.
Bannières de notification d'événements pilotées par CMS — Le script récupère les données d'événements depuis Umbraco et affiche les bannières. Les éditeurs choisissent le contenu et l'emplacement (web, app, les deux) sans intervention du développeur.
Intégrations Mailchimp & HubSpot — Intégré avec Mailchimp et HubSpot, permettant aux équipes de gérer le marketing et le CRM via des outils familiers, avec un flux de données passant par un 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énements sur n'importe quelle plateforme en quelques minutes via Umbraco — ce qui nécessitait auparavant un ticket développeur et un déploiement ne prend maintenant que 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.
