Configurer des infrastructures et bibliothèques frontales avec Azure Static Web Apps
Azure Static Web Apps nécessite que vous disposiez des valeurs de configuration appropriées dans le fichier de configuration de build pour votre infrastructure ou bibliothèque frontale.
Configuration
Le tableau suivant répertorie les paramètres d’une série d’infrastructures et de bibliothèques1.
Les éléments suivants expliquent la présence des colonnes du tableau :
- Emplacement de sortie (emplacement de l’artefact d’application) : répertorie la valeur pour
output_location, qui est le dossier des fichiers de site web statiques générés. - Emplacement de l’artefact d’API (emplacement de l’API) : répertorie la valeur pour
api_locationlaquelle se trouve le dossier contenant les fonctions Azure managées générées pour les infrastructures qui nécessitent un hébergement côté serveur. - Commande Build personnalisée : lorsque l’infrastructure requiert une commande différente de
npm run buildounpm run azure:build, vous pouvez définir une commande Build personnalisée.
Remarque
Certaines infrastructures web qui offrent un rendu côté serveur et peuvent être déployées sur Azure Static Web Apps. Cela signifie que votre application est intégrée aux ressources statiques et aux fichiers Azure Functions. Dans le fichier de configuration, les ressources statiques sont mappées à l’emplacement de sortie et les fichiers Azure Functions sont mappés à l’emplacement d’artefact de l’API.
| Infrastructure | Emplacement de sortie (emplacement de l’artefact d’application) | Emplacement de l’artefact d’API | Commande de compilation personnalisée |
|---|---|---|---|
| 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 |
| Framework7 | www |
n/a | npm run build-prod |
| Glimmer | 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 (Exportation HTML statique) | out |
n/a | n/a |
| Next.js (Rendu hybride) | / |
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 |
| Solid | dist |
n/a | n/a |
| Stencil | www |
n/a | n/a |
| SvelteKit (statique) | 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 Le tableau ci-dessus n’est pas la liste exhaustive des infrastructures et des bibliothèques qui fonctionnent avec Azure Static Web Apps.
2 Non applicable