Lektion 6 av 12

Det vi oftast som udviklare är att använda molnet till att göra vår webbappliktion tillgänglig i molnet. Denna lektion handlar om någon av dom möjlighet vi har till att servicera en webbapplikation med Azure.

Lektionsplan

Förre lektion (5): Databaser i molnet

Nästa lektion (7): Nätverk i molnet

Lektionslitteratur

Detta är material (artiklar, videoer, blogs, podcasts etc) som är den teoretiska bas för denna lektion, det antas att du har läst/set/lystnad detta innan lektionen starter.

Estimerat samlat “läs”-tid för lektionslittertur är 43 min (för den frivilliga fördjupningslitteratur gäller 51 min)

Indviduella övningsuppgifter

Gå igennom dissa fyre övningar, som är en del av kursen Architect modern applications in Azure:

• Explore Azure App Service, 39 min
• Host a web application with Azure App Service, 31 min
• Build and store container images with Azure Container Registry, 49 min
• Deploy and run a containerized web app with Azure App Service, 46 min

Övningsuppgift

Göras ensamt eller fler tillsammans. Målet är altid en fungerande applikation, och det rekomenderas därför att börja med brons och sen gå på silver och på slutet guld (men det är såklart möjligt att gå på silver eller guld direkt). Silver och guld är frivilliga, hellere en fungerende brons än en ofungerende silver. VG är möjligt på alla nivåer.

I förre lektion gjorde du/ni en databas som höll en data struktur efter ditt eget val. Målet i denna övning är att du ska bygga en liten webapplikation som i princip kan samma som det API du gjorde.

Webbapplikationen ska vara skriven med Razor Pages och det ska vara möjligt att få präsenterat data från databasen och lägga till nytt data. Tanken är inte att du ska använda ditt API men att göra alla anrop direkt från din razor page model. Det viktiga mål är att denna webbapplikation ska du få att köra i Azure App Service.

Brons (enkel): Bygg webbapplikationen med Razor Pages och publish den till Azure App Services med Visual Studio eller Visual Studio Code

Silver (meddel - rekomenderat): Bygg webbapplikationen med Razor Pages, lägg till en dockerfile så att du kan bygga ett image, push detta image till ACR.

När ditt image är i ACR konfigurera en ny Azure App Services så att den hämtar och kör ditt docker image.

Hints:

• Deploy docker image to Azure App Service using Visual Studio Code

Guld (avancerat): Bygg webbapplikationen med Razor Pages, lägg till en dockerfile så att du kan bygga ett image, push alt till ett GitHub repo.

Configurera GitHub actions så att ett docker image byggs till GitHub packages (som i lektion 2), konfigurera en ny Azure App Services så att den hämtar och kör ditt docker image från GitHub packages.

Hints:

• How to deploy docker image from Github Package Registry to Azure Web Apps

Platina (mycket avancerat) Bygg webbappliktionen som en statisk web applikation, som hämter data via Azure Functions. Ett förslag är att använda React som frontend ramverk.

Deploy till Azure Static Web Apps från GitHub.

Hints:

• Building Single Page App with Azure Functions and improving cold start time
• Building An React App With Azure Static Web Apps Service

Individuell inlämningsuppgift

Blogg 06: Webbapplikationer i molnet

Gör ett nytt inlägg på din blog som du gjorde i samband med dom förra lektioner. Det rekomenderas att skriva på samma språk som din första blogg post.

Deadline på PingPong, fredag den 24:e september kl 23:55. Posta ett länk till dagens blog post.

Skriv ett blogg post som följer denna lektion ska innehålla en text som svara på dissa frågor:

• Beskriv kort applikationen, vad gör den?
• Beskriv koden
• Hur har du/ni fått den att köra i Azure App Service? Screenshots, scrips, pipelines
• Vad skulle det kosta att driva detta? Tänk gärna två scenarier: Nästan ingen använadere och jätte jätte mycket användere
  • Använd Azure Calculator till att ta fram kostnad

Om du vill kan du nu välja att dela denna blogpost på sociala media (Linked, Twitter, Facebook etc.) kom ihåg att använda lämpliga hashtags som: #1 #2