Mi az Azure Static Web Apps?

Az Azure Static Web Apps egy olyan szolgáltatás, amely automatikusan teljes veremalapú webalkalmazásokat hoz létre és helyez üzembe az Azure-ban egy kódtárból.

Azure Static Web Apps overview diagram.

Az Azure Static Web Apps munkafolyamata egy fejlesztő napi munkafolyamatára van szabva. Az alkalmazások a kódmódosítások alapján vannak létrehozva és üzembe helyezve.

Azure Static Web Apps-erőforrás létrehozásakor az Azure közvetlenül a GitHub vagy az Azure DevOps használatával figyeli az Ön által választott ágat. Minden alkalommal, amikor leküldi a véglegesítéseket vagy fogadja a lekéréses kérelmeket a figyelt ágba, automatikusan lefut egy build, és az alkalmazás és az API üzembe kerül az Azure-ban.

A statikus webalkalmazások általában olyan kódtárak és webes keretrendszerek használatával készülnek, mint az Angular, a React, a Svelte, a Vue vagy a Blazor, ahol nincs szükség kiszolgálóoldali renderelésre. Ezek az alkalmazások HTML-, CSS-, JavaScript- és képobjektumokat tartalmaznak, és ezek alkotják az alkalmazást. A hagyományos webkiszolgálók esetén ezek az eszközök egyetlen kiszolgálóról, a szükséges API-végpontok mellett lesznek kiszolgálva.

A Static Web Apps használatával a statikus objektumok elkülönülnek a hagyományos webkiszolgálóktól, és ehelyett a világ földrajzilag elosztott pontjairól szolgálnak ki. Ez az elosztás a fájlok sokkal gyorsabb szolgáltatását teszi lehetővé, mivel a fájlok fizikailag közelebb vannak a végfelhasználókhoz. Emellett az API-végpontok kiszolgáló nélküli architektúrával vannak üzemeltetve, így nincs szükség teljes háttérkiszolgálóra.

A legfontosabb jellemzők    

  • Webes üzemeltetés statikus tartalmakhoz, például HTML-hez, CSS-hez, JavaScripthez és képekhez.
  • A felügyelt Azure Functions által biztosított integrált API-támogatással egy meglévő függvényalkalmazást, webalkalmazást, tárolóalkalmazást vagy API Management-példányt kapcsolhat össze standard fiókkal. Ha olyan régióban van szüksége az API-ra, amely nem támogatja a felügyelt függvényeket, saját függvényeket hozhat az alkalmazásba.
  • Első osztályú GitHub- és Azure DevOps-integráció , amely lehetővé teszi, hogy az adattár módosításai buildeket és üzembe helyezéseket aktiváljanak.
  • Globálisan elosztott statikus tartalom, amely közelebb helyezi a tartalmat a felhasználókhoz.
  • Ingyenes SSL-tanúsítványok, amelyek automatikusan megújulnak.
  • Egyéni tartományok az alkalmazás védjegyes testreszabásához.
  • Zökkenőmentes biztonsági modell fordított proxyval AZ API-k hívásakor, amelyhez nincs szükség CORS-konfigurációra.
  • Hitelesítésszolgáltatói integráció a Microsoft Entra-azonosítóval és a GitHubbal.
  • Testre szabható engedélyezési szerepkör-definíciók és -hozzárendelések.
  • Háttérbeli útválasztási szabályok , amelyek lehetővé teszik a kiszolgált tartalom és útvonalak teljes ellenőrzését.
  • Lekéréses kérelmek által létrehozott átmeneti verziók , amelyek a közzététel előtt engedélyezik a webhely előzetes verzióit.
  • A CLI az Azure CLI-vel támogatja a felhőbeli erőforrások létrehozását, valamint az Azure Static Web Apps CLI-t a helyi fejlesztéshez.

A Static Web Apps használata

  • Modern webalkalmazásokat hozhat létre JavaScript-keretrendszerekkel és kódtárakkal, például az Angular, a React, a Svelte, a Vue vagy a Blazor használatával WebAssembly-alkalmazások létrehozásához egy Azure Functions háttérrendszerrel.
  • Statikus webhelyek közzététele olyan keretrendszerekkel, mint a Gatsby, a Hugo, a VuePress.
  • Webalkalmazások üzembe helyezése olyan keretrendszerekkel, mint a Next.js és az Nuxt.js.

Következő lépések