Disctopia
Tapauskatsaus
Yhtenäinen API-kerros, joka yhdistää musiikin suoratoistoalustan ja sen markkinointisivuston saumattomaksi ekosysteemiksi — yhteinen todennus, yhteinen taustajärjestelmä, keskitetty sisällön logiikka.
Tavoite: Tärkein tavoite oli rakentaa yhtenäinen API-kerros, joka käyttää Auth0:a todennuksessa molemmilla alustoilla, mahdollistaen käyttäjien kirjautua verkkosivustolle samoilla tunnuksilla kuin suoratoistosovelluksessa. Tämä yksittäinen API hoitaisi uutisten katselun, kommentoinnin ja tykkäykset - pitäen käyttäjädatan yhdenmukaisena molemmissa tuotteissa jatkuvasti.
Lisäksi tarvitsimme joustavan tapahtumailmoitusjärjestelmän, joka voisi näyttää tulevia tapahtumia eri alustoilla — kokonaan CMS:n ohjaamana ilman kehittäjän osallistumista.
Projektin keskeiset tiedot
Toimialat
Musiikin suoratoisto, Sisällöntuottajien talous, Digitaalinen media, Taiteilijoiden tulonlähteet
Palvelut
API-arkkitehtuuri, Todennuksen integraatio, Full-Stack-kehitys, CMS:n räätälöinti
Ratkaisut
Yhtenäinen API-kerros, Auth0 SSO, CMS-ohjatut tapahtumailmoitukset, yhteiset kommentit ja tykkäykset
Teknologiat
.NET, Umbraco, JavaScript, React, Auth0, Umbraco Cloud, Mailchimp, HubSpot
Haasteet
Monialustainen todennus
Auth0:n saaminen toimimaan saumattomasti ja johdonmukaisesti kahdella eri frontend-tekniikalla toimivalla alustalla — verkkosivustolla ja suoratoistosovelluksessa.
API-rakenne ilman päällekkäisyyksiä
API:n rakenteen suunnittelu niin, että se hoitaa kommenttien, tykkäysten ja uutisten logiikan ilman taustajärjestelmän logiikan monistamista molempien tuotteiden välillä.
Turvallinen istunnon johdonmukaisuus
Varmistaa turvallinen tokenien käsittely ja johdonmukaiset käyttäjäistunnot kahden eri verkkotunnuksen välillä, jotta käyttäjät eivät tunne rajaa alustojen välillä.
CMS-ohjattu tapahtumajärjestelmä
Dynaamisen ilmoitusbannerin luominen, jota ohjataan kokonaan Umbracon kautta — toimittajat valitsevat, missä tapahtumat näkyvät, ilman koodirivejä.
Arkkitehtuurin yksinkertaisuus
Kaiken keskittäminen ilman arkkitehtuurin monimutkaistamista — pitäen järjestelmän ylläpidettävänä ja laajennettavana alustan kasvaessa.
Prosessi
Vaiheittainen toteutusmenetelmä: aloitetaan ydinsovelluksen API-arkkitehtuurin ja todennusjärjestelmän suunnittelulla ja käyttöönotolla, edeten asteittain seuraaviin vaiheisiin, lopulta saavuttaen täysin integroidun, CMS:n ohjaaman ilmoituskerroksen, joka yhdistää sisällön toimituksen ja järjestelmän toiminnan eri alustoilla.
Yhtenäinen API-arkkitehtuuri
Suunniteltu ja rakennettu yksi API, jota käyttää sekä markkinointisivusto että suoratoistosovellus. Kaikki data kulkee yhden taustajärjestelmän läpi — ei peilausta, ei päällekkäisyyksiä.
Auth0-integraatio
Auth0 on integroitu yhteiseksi todennuspalveluntarjoajaksi molemmille alustoille. Käyttäjät kirjautuvat sisään kerran ja liikkuvat verkkosivuston ja sovelluksen välillä ilman uudelleentodennusta. Tokenien käsittely ja istuntotila hoidetaan turvallisesti eri verkkotunnusten välillä.
Kommentit, tykkäykset ja uutislogiikka
Kommentointi- ja tykkäystoiminnallisuus toteutettu keskitetyllä API:lla. Verkkosivusto yhdistyy samaan taustajärjestelmään kuin suoratoistosovellus, jolloin kaikki sosiaaliset vuorovaikutukset yhdistetään ja datan yhdenmukaisuus säilyy.
Tapahtumailmoitusjärjestelmä
Räätälöity skripti hakee tapahtumatietoja Umbracosta ja näyttää dynaamisen bannerin valitulla alustalla. Markkinointitiimi voi ilmoittaa tapahtumista verkkosivustolla, sovelluksessa tai molemmissa — ilman kehittäjän panosta.
Ratkaisut
Ratkaisun keskeiset ominaisuudet
Yhtenäinen API-kerros — Yksi API palvelee sivustoa ja suoratoistosovellusta. Kaikki data (käyttäjät, uutiset, kommentit, tykkäykset, tapahtumat) kulkee yhden totuuden lähteen kautta, poistaen päällekkäisyyksiä ja synkronointiongelmia.
Yhteinen Auth0-todennus — Auth0 toimii yhteisenä identiteetin tarjoajana. Käyttäjät kirjautuvat sisään kerran; samat tunnukset toimivat molemmilla alustoilla johdonmukaisilla istunnoilla ja tokeneilla.
Kommentit ja tykkäykset keskitetyllä API:lla — Sosiaaliset vuorovaikutukset hoidetaan yhtenäisellä API:lla, pitäen sitoutumistiedot yhdenmukaisina eri alustoilla.
CMS-ohjatut tapahtumailmoitusbannerit — Skripti hakee tapahtumatietoja Umbracosta ja näyttää bannereita. Toimittajat määrittävät sisällön ja sijainnin (verkko, sovellus, molemmat) ilman kehittäjän apua.
Mailchimp- ja HubSpot-integratiot — Integroitu Mailchimp- ja HubSpot-järjestelmiin, joten tiimit hallinnoivat markkinointia ja asiakkuudenhallintaa tutuilla työkaluilla, käyttäen keskitetyn taustajärjestelmän kautta kulkevaa dataa.
Tulokset numeroina
100%
Kaikki käyttäjät todennetaan Auth0:lla molemmilla alustoilla yhdellä tunnistetiedoilla. Ei erillisiä tilejä, ei kitkaa verkkosivuston ja suoratoistosovelluksen välillä siirryttäessä.
3x
Toimittajat julkaisevat tapahtumien bannerit mille tahansa alustalle minuuteissa Umbracon kautta — aiemmin tarvittiin kehittäjän tiketti ja toteutus, nyt se onnistuu kolmella napsautuksella backofficessa.
2x
Todennuksen, datan ja logiikan keskittäminen yhteen API:iin vähentää ylläpitoa. Järjestelmä on ennustettava — ongelmat eristetään ja ratkaistaan yhdessä paikassa kahden sijaan.
