Kokeilussa Azure Static Web Apps

Published on Friday, December 31, 2021

Azure Static Web Apps

Tämän vuoden viimeisessä kokeilussa on vuorossa Azure Static Web Apps, joka yhdistää staattiset web-sivut (front end) ja Azure Functionsit (back end) samaan pakettiin.

Aiemmin Azure Static Web Appsia vastaavat toiminnot on saanut käyttöönsä oman CI/CD-putken, Azure Storagen ja Azure Functionsin avulla. Nyt Microsoft on niputtanut nämä yhteen pakettiin, joka helpottaa huomattavasti kokonaisuuden hallintaa, koska kaiken saa nyt automatisoitua kerralla kuntoon.

Aluksi GitHub tai Azure DevOps projekti

Aluksi tarvitaan joko GitHubista tai Azure DevOpsista löytyvä sopiva projekti, joska kokonaisuus rakennetaan. Microsoft tukee automatisoinnin osalta front end -puolella mm. Angularia, Reactia, Svelteä, Vueta ja Blazoria, joten palveluun on helppo siirtää sekä olemassa olevia projekteja että käyttää sitä uusien projektien alustana. Käytännössä front end -kehitystä voi tehdä millä tahansa tekniikalla, sillä ajettavat komennot voi määrittää itse luotavaan .yaml-tiedostoon.

Microsoft tarjoaa kehittäjille alkuun valmiita pohjia GitHubin kautta, joilla pääsee eteenpäin. Azure Functionsia ei ole pakko käyttää, joten palvelu kelpaa myös omien staattisten sivujen pyörittämiseen.

Omaa esimerkkiä varten valitsin C#:lla toteutetun Blazorin ja Functionsin yhdistelmän, joka osaa hakea tarvittaessa tietoa CosmosDB:stä.

Azuren puoli

Azuresta homma menee eteenpäin luomalla uusi resurssi (Create a Resource) ja valitsemalla Static Web Apps.

Azure Static Web Apps Create

Tämän jälkeen valitaan resurssiryhmä, annetaan uutukaiselle nimi, valitaan hosting plan, valitaan region ja linkataan luotava Azure Static Web Apps olemassa olevaan projektiin (tässä tapauksessa GitHubista löytyvä projekti).

Azure Static Web Apps Create 2

Tämän jälkeen Azure luo automatiikalla kääntämiseen tarkoitetun .yaml-tiedoston projektiin (tämän takia Azure tarvitsee käyttöoikeuden kyseisen projektin versionhallintaan) ja tekee ensimmäisen version. Omalla kohdalla ensimmäisen version kääntäminen ja päivittäminen Azuren palveluihin vei hieman päälle neljä minuuttia.

Kun homma on valmis, löytyy palvelun URL-osoite Azuresta juuri luodun Static Web Appin alta ja osoitteella voi sitten testata palvelun toimivuutta.

Hinnoittelu

Omia harrasteprojekteja varten Azure Static Web Apps tarjoaa onneksi ilmaisen Free-mallin, joka sisältää 100 gigatavun edestä liikennöintiä ja 250 megatavua tallennustilaa front end -sovellukselle.

Maksullinen Standard-tason hinnat alkavat hieman päälle 8 eurosta per kuukausi. Standardin suurin etu yrityskäyttöä ajatellen on OpenID Connect -yhteensopiva autentikointi.

Azure Static Web Apps hinnoittelu

Plussat

Palvelu on helppo ottaa käyttöön, front end -kehityksen tekniikat voi päättää itse ja ilmainen free -taso tarjoaa harrasteprojekteille tarpeeksi ominaisuuksia.

Miinukset

Toistaiseksi tuettuna ovat vain GitHub- ja Azure DevOps -projektit. Pieni tallennustila estää käytännössä mm. valokuva- ja videogallerioiden luomisen.

☁️