Előtérbeli keretrendszerek és kódtárak konfigurálása az Azure Static Web Appsszel
Az Azure Static Web Apps használatához rendelkeznie kell a megfelelő konfigurációs értékekkel az előtérbeli keretrendszer vagy tár buildkonfigurációs fájljában .
Konfiguráció
Az alábbi táblázat egy keretrendszerek és kódtárak sorozatának beállításait sorolja fel1.
A táblázatoszlopok szándékát a következő elemek magyarázzák:
- Kimeneti hely (alkalmazásösszetevő helye):: A statikus webhelyfájlok mappájának értékét
output_locationsorolja fel. - API-összetevő helye (API-hely):: A kiszolgálóoldali üzemeltetést
api_locationigénylő keretrendszerek beépített felügyelt Azure Functions-függvényeit tartalmazó mappa értékét sorolja fel. - Egyéni build parancs: Ha a keretrendszerhez más
npm run buildparancs szükséges, mint vagynpm run azure:build, egyéni buildelési parancsot is megadhat.
Megjegyzés:
Egyes web-keretrendszerek kiszolgálóoldali renderelést használnak, és üzembe helyezhetők az Azure Static Web Appsben. Ez azt jelenti, hogy az alkalmazás statikus objektumokba és Azure Functions-fájlokba van beépítve. A konfigurációs fájlban a statikus objektumok a kimeneti helyre vannak leképezve, az Azure Functions-fájlok pedig az API-összetevő helyére vannak leképezve.
| Váz | Kimeneti hely (alkalmazásösszetevő helye) | API-összetevő helye | Egyéni build parancs |
|---|---|---|---|
| Alpine.js | / |
n.a. | n/a 2 |
| Angular | dist/<APP_NAME>/browser |
n.a. | n.a. |
| Astro | dist |
n.a. | n.a. |
| Aurelia | dist |
n.a. | n.a. |
| Backbone.js | / |
n.a. | n.a. |
| Blazor (WASM) | wwwroot |
n/a |
n.a. |
| Ember | dist |
n.a. | n.a. |
| Flutter | build/web |
n.a. | flutter build web |
| Keretrendszer7 | www |
n.a. | npm run build-prod |
| Pislákoló | dist |
n.a. | n.a. |
| HTML | / |
n.a. | n.a. |
| Hugo | public |
n.a. | n.a. |
| Hyperapp | / |
n.a. | n.a. |
| JavaScript | / |
n.a. | n.a. |
| Jquery | / |
n.a. | n.a. |
| KnockoutJS | dist |
n.a. | n.a. |
| LitElement | / |
n.a. | n.a. |
| Mithril | / |
n.a. | n.a. |
| Next.js (Statikus HTML-exportálás) | out |
n.a. | n.a. |
| Next.js (hibrid renderelés) | / |
n.a. | n.a. |
| Nuxt 2 | / |
n.a. | n.a. |
| Nuxt 3 | output/public |
output/server |
n.a. |
| Preact | dist |
n.a. | n.a. |
| React | build |
n.a. | n.a. |
| RedwoodJS | web/dist |
n.a. | yarn rw build web |
| Szilárd | dist |
n.a. | n.a. |
| Rajzsablon | www |
n.a. | n.a. |
| SvelteKit (statikus) | build |
n.a. | n.a. |
| SvelteKit | build/static |
build/server |
n.a. |
| Three.js | / |
n.a. | n.a. |
| TypeScript | dist |
n.a. | n.a. |
| Vue.js | dist |
n.a. | n.a. |
1 A fenti táblázat nem az Azure Static Web Appsszel működő keretrendszerek és kódtárak teljes listáját tartalmazza.
2 Nem alkalmazható