Configuración de marcos y bibliotecas de servidores front-end con Azure Static Web Apps
Azure Static Web Apps requiere que tenga los valores de configuración adecuados en el archivo de configuración de compilación para el marco de front-end o biblioteca.
Configuración
En la siguiente tabla se muestra la configuración de varios marcos y bibliotecas1.
Los siguientes elementos explican la intención de las columnas de la tabla:
- Ubicación de salida (ubicación del artefacto de la aplicación): muestra el valor de
output_location, que es la carpeta para los archivos de sitio web estáticos creados. - Ubicación de artefacto de API (ubicación de API): muestra el valor de
api_location, que es la carpeta que contiene las instancias de Azure Functions administradas compiladas para marcos que requieren hospedaje del lado servidor. - Comando de compilación personalizado: Cuando el marco de trabajo requiere un comando distinto de
npm run buildonpm run azure:build, puede definir un comando de compilación personalizado.
Nota:
Algunos marcos web que presentan la representación del lado servidor y se pueden implementar en Azure Static Web Apps. Esto significa que la aplicación está integrada en recursos estáticos y archivos de Azure Functions. En el archivo de configuración, los recursos estáticos se asignan a la ubicación de salida y los archivos de Azure Functions se asignan a la ubicación del artefacto de la API.
| marco | Ubicación de salida (ubicación del artefacto de la aplicación) | Ubicación del artefacto de API | Comando de compilación personalizado |
|---|---|---|---|
| Alpine.js | / |
N/D | n/d 2 |
| Angular | dist/<APP_NAME>/browser |
N/D | N/D |
| Astro | dist |
N/D | N/D |
| Aurelia | dist |
N/D | N/D |
| Backbone.js | / |
N/D | N/D |
| Blazor (WASM) | wwwroot |
n/a |
N/D |
| Ember | dist |
N/D | N/D |
| Flutter | build/web |
N/D | flutter build web |
| Framework7 | www |
N/D | npm run build-prod |
| Glimmer | dist |
N/D | N/D |
| HTML | / |
N/D | N/D |
| Hugo | public |
N/D | N/D |
| Hyperapp | / |
N/D | N/D |
| JavaScript | / |
N/D | N/D |
| jQuery | / |
N/D | N/D |
| KnockoutJS | dist |
N/D | N/D |
| LitElement | / |
N/D | N/D |
| Mithril | / |
N/D | N/D |
| Next.js (exportación HTML estática) | out |
N/D | N/D |
| Next.js (Representación híbrida) | / |
N/D | N/D |
| Nuxt 2 | / |
N/D | N/D |
| Nuxt 3 | output/public |
output/server |
N/D |
| Preact | dist |
N/D | N/D |
| React | build |
N/D | N/D |
| RedwoodJS | web/dist |
N/D | yarn rw build web |
| acceso de | dist |
N/D | N/D |
| Stencil | www |
N/D | N/D |
| SvelteKit (estático) | build |
N/D | N/D |
| SvelteKit | build/static |
build/server |
N/D |
| Three.js | / |
N/D | N/D |
| TypeScript | dist |
N/D | N/D |
| Vue.js | dist |
N/D | N/D |
1 La tabla anterior no pretende ser una lista exhaustiva de marcos de trabajo y bibliotecas que funcionen con Azure Static Web Apps.
2 No aplicable