Hinweis
Für den Zugriff auf diese Seite ist eine Autorisierung erforderlich. Sie können versuchen, sich anzumelden oder das Verzeichnis zu wechseln.
Für den Zugriff auf diese Seite ist eine Autorisierung erforderlich. Sie können versuchen, das Verzeichnis zu wechseln.
Azure Static Web Apps erfordert, dass Sie die entsprechenden Konfigurationswerte in der Buildkonfigurationsdatei für Ihr Front-End-Framework oder Ihre Bibliothek besitzen.
Konfiguration
Die folgende Tabelle listet die Einstellungen für eine Reihe von Frameworks und Bibliotheken auf1.
Die Absicht der Tabellenspalten wird durch die folgenden Punkte erläutert:
-
Ausgabespeicherort (Speicherort für App-Artefakte): Listet den Wert für
output_locationauf, wobei es sich um den Ordner für erstellte statische Websitedateien handelt. -
API-Artefaktspeicherort (API-Speicherort): Listet den Wert für
api_locationauf, bei dem es sich um den Ordner handelt, der die integrierten verwalteten Azure-Funktionen für Frameworks enthält, die serverseitiges Hosting erfordern. -
Benutzerdefinierter Buildbefehl: Wenn das Framework einen anderen Befehl als
npm run buildodernpm run azure:builderfordert, können Sie einen benutzerdefinierten Buildbefehl definieren.
Hinweis
Einige Webframeworks, die serverseitiges Rendering bereitstellen und in Azure Static Web Apps bereitgestellt werden können. Dies bedeutet, dass Ihre App zusammen mit Azure Functions in statische Ressourcen integriert ist. In der Konfigurationsdatei werden die statischen Objekte dem Ausgabespeicherort zugeordnet, und die Azure Functions-Dateien werden dem API-Artefaktspeicherort zugeordnet.
| Framework | Ausgabespeicherort (Speicherort für App-Artefakte) | API-Artefaktspeicherort | Benutzerdefinierter Buildbefehl |
|---|---|---|---|
| Alpine.js | / |
Nicht zutreffend | Nicht zutreffend 2 |
| Angular | dist/<APP_NAME>/browser |
Nicht zutreffend | Nicht zutreffend |
| Astro | dist |
Nicht zutreffend | Nicht zutreffend |
| Aurelia | dist |
Nicht zutreffend | Nicht zutreffend |
| Backbone.js | / |
Nicht zutreffend | Nicht zutreffend |
| Blazor (WASM) | wwwroot |
n/a |
Nicht zutreffend |
| Ember | dist |
Nicht zutreffend | Nicht zutreffend |
| Flutter | build/web |
Nicht zutreffend | flutter build web |
| Framework7 | www |
Nicht zutreffend | npm run build-prod |
| Glimmer | dist |
Nicht zutreffend | Nicht zutreffend |
| HTML | / |
Nicht zutreffend | Nicht zutreffend |
| Hugo | public |
Nicht zutreffend | Nicht zutreffend |
| Hyperapp | / |
Nicht zutreffend | Nicht zutreffend |
| JavaScript | / |
Nicht zutreffend | Nicht zutreffend |
| jQuery | / |
Nicht zutreffend | Nicht zutreffend |
| KnockoutJS | dist |
Nicht zutreffend | Nicht zutreffend |
| LitElement | / |
Nicht zutreffend | Nicht zutreffend |
| Mithril | / |
Nicht zutreffend | Nicht zutreffend |
| Next.js (statischer HTML-Export) | out |
Nicht zutreffend | Nicht zutreffend |
| Next.js (Hybrid-Rendering) | / |
Nicht zutreffend | Nicht zutreffend |
| Nuxt 2 | / |
Nicht zutreffend | Nicht zutreffend |
| Nuxt 3 | .output/public |
.output/server |
Nicht zutreffend |
| Preact | dist |
Nicht zutreffend | Nicht zutreffend |
| React | build |
Nicht zutreffend | Nicht zutreffend |
| RedwoodJS | web/dist |
Nicht zutreffend | yarn rw build web |
| Solid | dist |
Nicht zutreffend | Nicht zutreffend |
| Schablone | www |
Nicht zutreffend | Nicht zutreffend |
| SvelteKit (statisch) | build |
Nicht zutreffend | Nicht zutreffend |
| SvelteKit | build/static |
build/server |
Nicht zutreffend |
| Three.js | / |
Nicht zutreffend | Nicht zutreffend |
| TypeScript | dist |
Nicht zutreffend | Nicht zutreffend |
| Vue.js | dist |
Nicht zutreffend | Nicht zutreffend |
1 Die obige Tabelle ist nicht als umfassende Liste von Frameworks und Bibliotheken gedacht, die mit Azure Static Web Apps arbeiten.
2 Nicht zutreffend