Co je služba Azure Static Web Apps?

Azure Static Web Apps je služba, která automaticky sestaví a nasadí úplné zásobníkové webové aplikace do Azure z úložiště kódu.

Azure Static Web Apps overview diagram.

Pracovní postup Azure Static Web Apps je přizpůsobený dennímu pracovnímu postupu vývojáře. Aplikace se sestavují a nasazují na základě změn kódu.

Když vytvoříte prostředek Azure Static Web Apps, Azure komunikuje přímo s GitHubem nebo Azure DevOps a monitoruje vámi zvolenou větev. Pokaždé, když nasdílíte potvrzení nebo přijmete žádosti o přijetí změn do sledované větve, automaticky se spustí sestavení a vaše aplikace a rozhraní API se nasadí do Azure.

Statické webové aplikace se běžně vytvářejí pomocí knihoven a webových architektur, jako jsou Angular, React, Svelte, Vue nebo Blazor, kde se nevyžaduje vykreslování na straně serveru. Tyto aplikace zahrnují prostředky HTML, CSS, JavaScript a grafické materiály. U tradičního webového serveru se tyto prostředky obsluhují z jednoho serveru spolu se všemi požadovanými koncovými body rozhraní API.

U static Web Apps jsou statické prostředky oddělené od tradičního webového serveru a místo toho se obsluhují z bodů geograficky distribuovaných po celém světě. Tato distribuce zajišťuje mnohem rychlejší poskytování souborů, protože soubory jsou fyzicky blíže ke koncovým uživatelům. Kromě toho jsou koncové body rozhraní API hostované pomocí bezserverové architektury, která zcela zabraňuje potřebě kompletního back-endového serveru.

Klíčové funkce

  • Hostování webu pro statický obsah, jako je HTML, CSS, JavaScript a obrázky.
  • Integrovaná podpora rozhraní API poskytovaná spravovanými službami Azure Functions s možností propojit existující aplikaci funkcí, webovou aplikaci, aplikaci kontejneru nebo instanci služby API Management pomocí standardního účtu. Pokud potřebujete rozhraní API v oblasti, která nepodporuje spravované funkce, můžete do aplikace přinést vlastní funkce .
  • Prvotřídní integrace GitHubu a Azure DevOps, která umožňuje změnám úložiště aktivovat sestavení a nasazení.
  • Globálně distribuovaný statický obsah, čímž se obsah přibližuje vašim uživatelům.
  • Bezplatné certifikáty SSL, které se automaticky obnovují.
  • Vlastní domény pro zajištění přizpůsobení značky pro vaši aplikaci
  • Bezproblémový model zabezpečení s reverzním proxy serverem při volání rozhraní API, která nevyžaduje žádnou konfiguraci CORS.
  • Integrace zprostředkovatele ověřování s ID Microsoft Entra a GitHubem
  • Přizpůsobitelné definice a přiřazení autorizační role
  • Pravidla směrování back-endu umožňují úplnou kontrolu nad obsahem a trasami, které obsluhujete.
  • Vygenerované přípravné verze využívající žádosti o přijetí změn, které před publikováním umožňují verze Preview webu.
  • Podpora rozhraní příkazového řádku prostřednictvím Azure CLI pro vytváření cloudových prostředků a prostřednictvím Azure Static Web Apps CLI pro místní vývoj.

Co můžete dělat se statickými webovými aplikacemi

  • Vytvářejte moderní webové aplikace s javascriptovými architekturami a knihovnami, jako jsou Angular, React, Svelte, Vue nebo blazor k vytváření aplikací WebAssembly pomocí back-endu Azure Functions.
  • Publikujte statické weby s architekturami, jako jsou Gatsby, Hugo, VuePress.
  • Nasaďte webové aplikace pomocí architektur, jako jsou Next.js a Nuxt.js.

Další kroky