V mém prvním příspěvku Jak to všechno začalo jsem sliboval pravidelný content ohledně Microsoft Azure. V tomto příspěvku bych rád přiblížil fungování Azure Static Web App a jakým způsobem je lze využít pro tvorbu statických webů.

Azure Static Web App

Je služba, která umožňuje vytvářet statické webové aplikace přímo ze zdrojového kódu bez nutnosti správy tradičního webového serveru. Služba totiž nevyužívá standardního konceptu webových serverů oproti tomu jsou aplikace geograficky distribuovány koncovým uživatelům a reagují na změnu zdrojového kódu. Webové služby (API) jsou poté hostované pomocí služby Azure Functions, které jsou provozovány v režimu serverless, což znamená že pro jejich běh není zapotřebí žádný webový server. Vše je spravováno a provozováno pod taktovkou Microsoft Azure a tak se mohou vývojáři zaměřit na vývoj daných funkcionality bez nutnosti znalosti tradiční architektury, či správy operačního systému. Prostě pohádka.

Další zajímavostí je, že pokud se rozhodnete vytvořit danou službu Microsoft vám zdarma vytvoří SSL certifikát, který se i automaticky obnovuje i v případě vypršení jeho platnosti.

Co se týče ceny tak Microsoft poskytuje tuto službu ve dvou režimech a to konkrétně Personal a Standard, kde v rámci personal SKU je celý ansámbl zdarma a tím pádem nehradíte hostování vaší aplikace. Samozřejmě nic není růžové a je potřeba si uvědomit, že v rámci Personal plánu je k dispozice pouze omezená velikost aplikace (konkrétně 250MB/aplikace) a počet vlastních domén (2 záznamy/aplikace).

Při vytvoření instance vám Microsoft přidělí unikátní URL která může vypadat následovně –> https://black-water-09371b703.1.azurestaticapps.net. Pokud chcete používat vlastní doménový záznam je nutné vytvořené instanci přidat takzvanou custom domain, neboli vlastní doménový záznam. Pro jeho přidání je nutné ověřit, že vlastníte doménu, kterou chcete přiřadit vytvořené instnace. Ověření probíhá pomocí TXT a MX záznamů v rámci DNS.

Jak to celé funguje

Jak jsem zmiňoval, služba je primárně úročena pro vytvoření webové aplikace, bez nutnosti spravovat infrastrukturu. K tomu je i přizpůsobený způsob nasazení. Následující diagram znázorňuje způsob jak probíhá build a nasazení aplikace. V první řadě je nutné mít GIT repositář, ve kterém budou uloženy zdrojové kódy. Aktuálně lze automatizovaně nasadit z následujících zdrojů:

  • GitHub
  • Azure Repos (Můj případ) Azure Static Web App architecture

Microsoft podporuje řadu frameworků, které lze použít pro vytvoření vámi preferovaného obsahu. Mezi hlavní patří napříkald Angular, HTML, React co se týče automaticky generovaného obsahu, tak Azure static Web Apps podporují například Hugo, Jekyll, nebo Getsby (ideální pro rychlou tvorbu lightweight webu, nebo blogu 👏)