[{"_1":2,"_155":-5,"_156":-5},"loaderData",{"_3":4,"_13":14,"_21":22,"_134":135},"root",{"_5":-5,"_6":-7,"_7":8,"_9":-7,"_10":11,"_12":-7},"currentUser","primaryEmail","siteVerification","6LeIxAcTAAAAAJcZVRqyHh71UMIEGNQ_MXjiZKhI","toast","enableDev",false,"incidentStatus","routes/_layout",{"_15":-5,"_16":17,"_18":17,"_19":11,"_20":11},"username","isAskGordonEnabled",true,"isUsingNewTemplate","showMinimalLanding","showHoneypotTrap","routes/_layout.r.$namespace.$reponame",{"_23":24,"_25":-5,"_26":11,"_27":11,"_28":29,"_30":31,"_32":-5,"_33":11,"_34":35,"_84":-5,"_85":86,"_125":-5,"_126":11,"_127":17,"_128":11,"_129":-5,"_130":11,"_131":-5,"_132":133},"canonicalUrl","https://hub.docker.com/r/doc2210/web_api/tags","mcpServer","canSeeDockerfile","canSeeAutobuilds","namespace","doc2210","reponame","web_api","cloudBuildSource","isAutobuildsAvailable","repo",{"_36":37,"_38":39,"_41":42,"_43":44,"_45":11,"_46":47,"_48":49,"_50":51,"_53":31,"_28":29,"_54":55,"_56":40,"_57":58,"_59":60,"_61":62,"_63":-5,"_64":58,"_65":66,"_67":11,"_68":29,"_69":70,"_75":11,"_76":77,"_81":29,"_82":83},"categories",[],"content_types",[40],"image","date_registered","2020-07-30T11:06:46.396432Z","description","Session Control ","is_private","last_updated","2020-10-14T11:26:32.713388Z","last_modified","2024-10-16T13:48:34.145251Z","media_types",[52],"application/vnd.docker.container.image.v1+json","name","pull_count",259,"repository_type","star_count",0,"status",1,"status_description","active","source","collaborator_count","full_description","# SessionControl - servis za kontrolu sesija\nProjekt u sklopu internship-a u kojem je cilj bio učenje određenih koncepata i tehnologija u programiranju.\n\n## Ideja projekta\n\nIdeja ovog projekta je izrada servisa koji bi imao kontrolu nad sesijom. Sesiju možemo definirati kao jedno gledanje videa nekog sadržaja. \nSesija je entitet koji ima svoj identifikator te stanja koja se mijenjaju kroz PING. Stanja sesije mogu biti sljedeća: PLAY, PAUSE, UNSTARTED, VIDEO_CUED,ENDED i CLOSED koja dobivamo iz događaja\nna playeru. Sesija započinje prilikom play-a playera te traje do gašenja playera. Ukoliko PING ne dolazi 60 sekundi, servis treba zatvoriti sesiju. Potrebno je održavati sesiju kroz PING svakih 30 sekundi te slati status playera kako imali zapis što se izvodi. \n\n## Rješenje projekta\n\nRješenje projekta dijelimo na 5 komponenata: klijentska aplikacija, web servis, cache, baza i backgroundworker.\n\n * Klijentska aplikacija (VideoPlayer): Angular aplikacija u kojoj je omogućeno pokretanje YouTube videa. Početna stranica sadrži pretragu videa te popis YouTube videa, točnije prikaz umanjenih slika gdje svaka predstavlja jedan YouTube video. Odabirom jedne od tih link-slika, otvara se novi page gdje se može pokrenuti video. Prilikom pokretanja videa, događaju se određeni događaji. S događajem \"UNSTARTED\" pokrećemo player te se kreira novi HTTP POST zahjev koji predstavlja pokretanje nove sesije. Na svaku izmjenu događaja, s POST metodom dodajemo nove zapise u cache-u te također svakih 30 sekundi od pokretanja playera se šalje zahtjev sa statusom playera kako bi se sesija redovno odražavala. Ako se napusti page (stranica) ili zatvori pretraživač, status sesije se postavlja na CLOSED. Provjeru istekle ili završene sesije obaviti će BackgroundWorker.\n Angular aplikacija sastavljena je od tri modula: standardni \"app.module\" te novokreirani \"video.module\" i \"search.module\".\n - \"video.module\" import-a \"YouTubePlayerModule\" koji nam omogućuje YT player kao i praćanje događaja na njemu te \"HttpClientModule\" koji nam služi za slanje HTTP zahtjeva na Web API. Također, sam \"video.module\" import-amo u \"app.module\" (root module) koji pokreće aplikaciju te bez toga import-a \"video.module\" ne bi imao svrhu,a i root modul ne bi imao funkcionalnost pokretana YT playera i slanje HTTP zahtjeva. \n - \"search.module\" se također import-a u \"app.module\" te daje mogućnost pretrage YouTube videa te popis pretraženih videa. Da bi se ovo ostvarilo bilo je potrebno koristiti [YouTube v3 search API](https://developers.google.com/youtube/v3/docs/search/list). Da bi se API mogao koristiti, bilo je potrebno generirati API_KEY te omogućiti YouTube Data API v3. Nakon pretrage i učitavanja videa, odabiremo jedan video za izvedbu te otvara se novi page na kojem možemo pokrenuti video. Prikaz YouTube videa te sve karakteristike vezanu uz YouTube video, dobili smo uz pomoć [YouTube Player API for iframe Embeds](https://developers.google.com/youtube/iframe_api_reference#top_of_page). \n \n Također, dio prikaza rezultata i state management (sačuvani rezultati pretrage) su riješeni uz upotrebu Facade pattern-a i Observables-a. State (rezultati pretrage) je sačuvan u posebnoj vrsti Observable-a koji se zove BehaviorSubject. S BehaviorSubject dobiveno je prikazivanje (emitiranje) zadnjih rezultata na view-u, kao i čuvanje zadnje pretrage ako se obriše input iz searchbox-a. View je sada postao subscriber na varijablu videoDetail koja emitira rezultate, ali i sakriva state management od samog view-a. Nakon unašanja inputa u searchbox, videoDetail poprima tu vrijednost te se ta vrijednost sada emitira. \n * Web API: u API kontroleru se nalazi jedna metoda za obradu zahtjeva (POST). Aktiviranjem događaja \"play\", s POST metodom kreira se novi objekt \n u cache-u te spremaju se sljedeći podaci (atributi): Id, Status, UserAdress, IdVideo, RequestTime. Svako iduće aktiviranje nekog od događaja, također s POST metodom kreiramo novi zapis koji sadrži trenutnu sesiju s \n * Cache: u cache spremamo zapise dobivene na temelju aktiviranih događaja. Zapisi se pohranju u strukturu \"Key-Value pairs\" gdje se key generira te je jedinstven, a u value spremamo podatke o sesiji.\n Također, u drugu strukturu \"SortedSet\" spremamo ključeve (member) i vrijeme zadnjeg zahtjeva na taj ključ(score). SortedSet nam omogućava provjeru isteklih sesija koje onda možemo \n dohvatiti iz \"Key-Value pairs\" te spremiti u bazu.\n * Baza: u bazu spremamo periodički zapise iz cache-a (sesije koje su istekle). Baza sadrži dvije tablice: Session i Videoplayer. Tablica Session sadrži atribute Id, SessionId, Status, UserAdress, IdVideo i RequestTime, dok tablica Videoplayer sadrži atribute Id i IdVideo. Pri pokretanju kontejnera, na Ms SQL Serveru, kreira se baza SessionDatabase s navedenim tablicama te obavlja se mehanizam perzistencije podataka, i to prebacivanje podataka s vanjskog diska na unutarnji folder kontejnera. Tako smo dobili trajne podatke, i ako se kontejner restarta.\n \n Ove dvije komponente odrađuju isti zadatak, stoga se pokreće samo jedna od njih: \n * BackgroundWorker: omogućava periodičku obradu podataka te prebacivanje isteklih sesija u bazu.\n \n * Hangfire: komponenta koja odrađuje isti posao kao BackgroundWorker. Na Hangfire server je uz pomoć Hangfire klijenta i RecurirringJob-a postavljen posao (Job) koji se obavi svake minute - pregledava u cache-u istekle sesije te one koje su istekle sprema u SQL bazu. \n \n

\n \n

\n \n Na slici možemo vidjeti prikaz navedenih komponenata aplikacije, gdje je na 5 komponenata dodan još StackExchange.Redis kao Redis klijent za C# i Dapper kao ORM koji služi mapiranju između baze i C#-a.\n \n## Testiranje \n\nKako bi se simulirao realni scenarij korištenja API-a, cache-a i baze, potrebno je bilo izraditi load test koji bi sadržavao prikaz potencijalnog rada ovih komponenti. Load test bi prikazao perfomanse izvođenja ovog sustava, a za samo modeliranje i izvedbu testa koristit ćemo JMeter. \n\nJedan od scenarija koji be testirao ponašanje komponenata te mjerio perfomanse istih glasi ovako: \n - pokretanje 1000 thread-ova (users) da rade 1h\n - svaki thread radi sljedeće:\n 1. pokrene sesiju\n 2. okida random (5-20) broj pingova svakih 30 sekundi\n 3. prekida sesiju (osim u 30% slučajeva kada nema zahtjeva prekida)\n \nNavedeni scenarij izrađen je u JMeter-u, kao što i vidimo na slici ispod. U Test Plan stavili smo novu Thread grupu (\"Sesija\") u kojo smo specificirali 1000 thread-ova te ukupno trajanje od 1h. Na samom početku ove grupe specificirali smo u HTTP Header Manager-u Content-Type koji će prihvaćati json (application/json) te u HTTP Request Defaults-u specificirano je ime servera, port number i protokol. Sada dolazimo do dijela gdje određujemo što će svaki thread raditi: \"Once Only Controller\" upravlja POST request-om te dogoditi će se samo jednom, što znači pokrenuti ćemo sesiju (postavljamo objekt u cache te ima status \"PLAY\" te ID sesije će biti generiran s UUID funkcijom). Nadalje dolazimo do \"Loop Controller-a\" koji se odvija N puta (N je zapravo neki random broj od 5 do 20 kojeg generiramo u \"Random Number of Pings\"). S \"Random Controller-om\" odabiremo jedan od PUT request-ova koji će biti poslani (šalje se status \"RESUME\", \"SEEK\" ili \"PAUSE\"). Unutar ovog kontrolera smješten je i timer koji će pauzirati odvijanje loop-a na 30 sekundi. Još jedan element u ovom kontroleru je \"HTTP Request Defaults\" koji preuzima ime servera, port i protokol od elementa konfiguriranog na samom početku ove grupe. U njega je samo dodatno je smještena putanja (PATH) za dohvaćanje resursa (endpoint). Zadnji kontroler je \"Throughput Controller\" koji se odvije jednom za svaki thread te postavlja na 70% thread-ova prekid sesije (PUT Request s statusom \"FINISHED\"). Tu je isto element \"HTTP Request Defaults\" u koji smještamo putanju do resursa. \n\n

\n \n

\n\nNa kraju Thread grupe imamo dva reporta: \"View Results Report\" i \"Aggregate Report\". Prema njima možemo doći do nekih zapažanja i zaključaka. Prema \"View Result Report\" se može vidjeti jesu li zahtjevi uspješno izvršeni, ali to isto, samo preglednije možemo vidjeti na \"\"Aggregate Report-u\", koji je prikazan na slici ispod. Vidimo da je izvršeno 1000 POST zahtjeva, što znači da su svi thread-ovi uspješno pokrenuli svoju sesiju. Potom vidimo PUT zahtjeve (Resume, Pause, Seek) koji su se random slali svakih 30 sekundi. Prema PUT zahtjevu za završetak sesije vidimo da je 700 sesija prekinuto (status FINISHED) što je upravo ono što smo zadali (70%). Ukupni broj zahtjeva je 14277 koji su se odvili u 10 minuta i 53 sekunde što je zadovoljavajuće. U stupcu \"Error %\" vidimo da je postotak grešaka za sve metode 0.00 %. \n\n

\n \n

\n\nPozadinski dio ovog testa je isto uspješan. Background Worker je uspješno periodički (svakih 60 sekundi) obavljao perzistenciju - provjeravao istekle sesije te sesije sa statusom FINISHED, iste spremao u bazu te brisao ih iz cache-a.\n\n## Pokretanje komponenata\n\nKako bi pokrenuli sve komponente, dovoljno je preuzeti docker-compose.yaml datoteku koja se nalazi u glavnom direktoriju ovog repozitorija. Nakon preuzimanja, navedenu datoteku možemo spremiti u određeni folder na našem računalu. Uz pomoć omiljenog terminala navodimo se do tog foldera te ulazimo u njega. Uz preduvjet da je Docker već instaliran na računalu, s naredbom \"docker-compose up --build\" možemo preuzeti slike i pokrenuti kontejnere. \n* Angular aplikacija dostupna na: http://localhost:4200\n* Web Api dostupan na: http://localhost:5000\n* Hangfire Dashboard na: http://localhost:5004/hangfire\n* RabbitMQ na: http://localhost:8080\n* SignalR i kreirani Hub na: http://localhost:5002/sessionhub\n* Ostale komponente možemo razmatrati preko njihovih CLI-a (redis-cli, sqlcmd) ili preko logova na Docker Desktopu.\n\nNa slici ispod vidimo da je pokrenuto svih 5 komponenata te možemo vidjeti nazive kontejnera, nazive njihovih image-a te koji su portovi pridjeljeni u kontejnerima.\n\n

\n \n

\n\n## Tehnologije\nZa izradu projekta korištene su sljedeće tehnologije:\n * Microsoft Visual Studio 2019 Community\n - ASP.NET Core MVC\n - StackExchange.Redis: Redis klijent za C#\n - Dapper: micro ORM (mapiranje između baze i C#-a)\n - Angular 8 \n - Hangfire\n - XUnit\n * RabbitMQ - message broker\n * Redis Cache\n * Microsoft SQL Server 2019\n * Microsoft SQL Server Managment Studio 2018\n * Docker \n * Postman - Web API testiranje\n * JMeter - load testiranje\n \n## Dodatni dijelovi: RabbitMQ, SignalR, XUnit\n\n### RabbitMQ\n\nU ovom dijelu će biti opisana i implementirana event-based komunikacija između mikroservisa. Kada koristimo event-based komunikaciju, mikroservis objavljuje (publish) event kada se nešto značajno dogodi te ostali mikroservisi se pretplate (subscribe) na taj događaj. Kada mikroservis zaprimi event pomoću event handlera, on može uraditi bilo kakvu promjenu te također može sam objaviti novi event. Ovaj publish/subscribe sustav se uglavnom izvodi pomoću implementacije event bus-a. Event bus može biti dizajniran kao sučelje s APIjem potrebnim za pretplatu na evente i objavljivanje event-a. Implementaciju sučelja event bus-a izvest ćemo uz pomoć RabbitMQ-a. RabbitMQ je message broker: on prihvaća i prosljeđuje poruke. RabbitMQ funkcionira kao posrednik između publishera i subscribera kako bi upravljao distribucijom.\n\nZadatak u kojem bi koristi koncept event-based komunikacije i tehnologiju RabbitMQ glasi ovako: Pri promjeni broja zapisa u cache-u, emitirati \nevent s brojem zapisa na RabbitMQ (publish) te napisati event handlera na servisu SignalR koji će broadcast-at tu informaciju na korisničku aplikaciju.\n\nRješavanje zadatka je započeto s podizanjem RabbitMQ Event bus-a uz pomoć Dockera. Potom je kreiran shared library naziva \"RabbitMqEventBus\" u kojem je\nje kreirana klasa CacheSizeChangedIntegrationEvent koja nasljeđuje IntegrationEvent te ova klasa zapravo predstavlja naš event koji ćemo emitiriati i s \nkojim ćemo prosljedit podatke. Nadalje kreirano je generičko sučelje IEventBus s metodama Publish i Subscribe koje su izvedene u klasi RabbitMqClient.\nNakon implementacije RabbitMqClient klase, event bus je registriran u Startup klasi servisa SessionControl te okidanjem POST metode na kontroleru, publish-a \nse event na RabbitMQ. U servisu SignalR također je registriran event bus u Startup klasi te se SignalR pretplatio na event publish-an u servisu SessionControl. \nZa pristupanje tom event-u, kreiran je event handler CacheSizeChangedIntegrationEventHandler te metoda Handle iz koje se broadcast-a informacija na korisničku\naplikaciju uz pomoć hub-a.\n\n### SignalR \n\nSignalR je open-source library koji pojednostavljuje dodavanje real-time funkcionalnosti aplikacijama uz pomoć HTTP-a (protokol za komunikaciju između klijenta i servera). Real-time znači da server strana push-a podatke istog trena na sve klijente koji su povezani. SignalR koristi \"hubs\" - high level pipeline koji omogućuje klijentu i serveru međusobno pozivanje metoda.\n\nZa primjenu SignalR, riješen je sljedeći zadatak: SignalR servis na okidanje eventa CacheSizeChangedIntegrationEvent push-a trenutni broj zapisa u cache-u na korisničku aplikaciju te se taj broj prikazuje u headeru.\n\nRješavanje zadatka je započeto s kreiranjem novog projekta kojem je dodjeljen naziv SignalRService te odmah su konfigurirane postavke za pokretanje ovog projekta. Nastavili smo s preuzimanjem SignalR library-a. Budući da je SignalR server library već uključen u ASP.NET Core, samo je preuzet SignalR client library za Angular. \nNakon toga kreirana je klasa SessionHub koja se izvodi iz klase SignalR Hub. SessionHub klasa je prazna jer zasad ostvarujemo samo jednosmjernu komunikaciju (server prema klijentu), stoga nijedna metoda nije tu kreirana.\nPotom, u ConfigureService metodi dodan je SignalR u IService kolekciju te u metodi Configure usmjeravamo SignalR zahtjeve na SessionHub uz pomoć putanje /signalr.\nKako bi upravljali s HTTP zahtjevima, kreiramo novi kontroler koji ima putanju api/signalr. U kontroleru kreiramo instancu interface-a IHubContext (dependency injection) te s objektom instance može pristupiti i pozvati hub-ove metode.\nKreirana je metoda Get u kojoj je pozvana također instanca klase TimerManager gdje je sređen timer. Svi klijenti se mogu subscribe-ati na ime \"ShowNumber\" kako bi dobivali podatak o broju zapisa u bazi.\nNa Angular aplikaciji, nakon preuzimanje SignalR library-a, kreiran je servis u kojem startamo konekciju na naš SignalR, dodajemo listenera na metodu \"ShowNumber\" i šaljemo HTTP zahtjev kako bi dobili odgovor s servera. Podatak \no broju zapisa u bazi prikazujemo u Navigation komponenti.\n\n### XUnit\n\nXunit je open-source alat za testiranje dijelova u .NET Core-u. Unit testovi su provedeni na testnoj klasi koja je kreirana samo za odrađivanje ovog zadatka. Ime klase je Weather te sadrži metodu za testiranje. Metoda \"MethodTest\" provjerava parametre metode da li su null te provjerava da li lokacija sadrži brojeve. Nadalje, metoda poziva 3rd party servis (Weather API), čeka odgovor te ga evaluira. Rad s servisom treba biti riješen korištenjem Moy frameworka, to znači da ćemo imitirati ponašanje objekata HttpWebRequest i HttpWebRequest te time nećemo stvarati prave objekte (nećemo pozivati servis, čekati odgovor, evaluirati pravi odgovor). Ovo izolira kôd koji testiramo, osiguravajući da radi sam za sebe i da niti jedan drugi kôd neće srušiti testove.\n\nPrvo su provedena tri testa koja su vezana uz provjeru argumenata, a zatim su provedena tri testa koji obuhvaćaju rad s mockanim objektima. U tim testovima prvo su kreirani mockani objekti te zatim je testirano ponašanje dijela metode s servisom. \n\n### Hangfire\n\nHangfire je open-source framework koji pomaže u kreiranju, obrađivanju i upravljanju pozadinskih poslova, tj. operacija koje ne želimo smjestiti na pipeline za obradu zahtjeva (izrada različitih grafikona, obrada slike/ videozapisa, brisanje korisnika, slanje notifikacija, automatska izvješća, održavanje baze podataka). Hangfire podržava sve vrste background tasko-ova - kratkotrajne, dugotrajne, intezivne za procesor i I/O, jednokratne i ponavljajuće. Vrste su: fire-and-forget, delayed, reccuring, continuations, batches i batch continuations.\n\nZa primjenu Hangfire-a, odrađen je posao BackgroundWorkera - provjera isteklih sesija u cache-u i spremanje istih u SQL bazu. Za potrebu obavljanja zadatka kreirana su tri nova projekta: HangfireServer, HangfireClientService i HangfireWorker. \n * HangfireServer: konzolna aplikacija koja će nam poslužiti za postavljanje Hanfire servera: preuzimanje paketa, povezivanje s SQL bazom radi preuzimanja Job-ova i njihovog obavljanja, registriranje servisa.\n * HangfireWorker: shared library u kojem se nalazi klasa HangfireJob u kojoj se povezujemo s Redisom i SQL serverom te odrađujemo posao perzistencije podataka, iz Redisa u SQL bazu.\n * HangfireClientService: web aplikacija na kojoj je smješten hangfire dashboard te s koje smo zadali RecurringJob (Job koji se obavlja svake minute) za metodu perzistencije podataka.\n\n\n","has_starred","hub_user","immutable_tags_settings",{"_71":11,"_72":73},"enabled","rules",[74],".*","is_automated","permissions",{"_78":17,"_79":11,"_80":11},"read","write","admin","user","storage_size",770507618,"orgData","recentTags",[87],{"_88":40,"_89":90,"_91":92,"_93":94,"_95":96,"_46":114,"_115":90,"_116":29,"_117":52,"_53":118,"_119":120,"_121":105,"_122":114,"_123":62,"_124":17},"content_type","creator",9587157,"full_size",96083867,"id",111131920,"images",[97],{"_98":99,"_100":101,"_102":103,"_104":105,"_106":107,"_108":109,"_110":103,"_111":-5,"_112":92,"_59":62,"_113":-5},"architecture","amd64","digest","sha256:a07350636a2242b54fa36b09c10610427e89f4f0d15f6f720120d9acbdf7060b","features","","last_pulled","2026-09-21T03:57:27.215168601Z","last_pushed","2020-10-14T09:53:55Z","os","linux","os_features","os_version","size","variant","2020-10-14T11:26:32.259121Z","last_updater","last_updater_username","media_type","slatest","repository",9549094,"tag_last_pulled","tag_last_pushed","tag_status","v2","sbxKitMetadata","isPotentialSpam","isHubSbxKitsEnabled","showSbxLogoOverride","sbxTrademarkText","displaySecurityMetadata","tagAttestations","tagsHaveAttestations",[],"routes/_layout.r.$namespace.$reponame.tags",{"_34":136,"_143":144,"_132":153,"_154":11},{"_36":137,"_38":138,"_41":42,"_43":44,"_45":11,"_46":47,"_48":49,"_50":139,"_53":31,"_28":29,"_54":55,"_56":40,"_57":58,"_59":60,"_61":62,"_63":-5,"_64":58,"_65":66,"_67":11,"_68":29,"_69":140,"_75":11,"_76":142,"_81":29,"_82":83},[],[40],[52],{"_71":11,"_72":141},[74],{"_78":17,"_79":11,"_80":11},"tags",{"_145":60,"_146":-5,"_147":-5,"_148":149},"count","next","previous","results",[150],{"_88":40,"_89":90,"_91":92,"_93":94,"_95":151,"_46":114,"_115":90,"_116":29,"_117":52,"_53":118,"_119":120,"_121":105,"_122":114,"_123":62,"_124":17},[152],{"_98":99,"_100":101,"_102":103,"_104":105,"_106":107,"_108":109,"_110":103,"_111":-5,"_112":92,"_59":62,"_113":-5},[],"canDeleteTags","actionData","errors"]

doc2210/web_api

Tags for doc2210/web_api