Nota
El acceso a esta página requiere autorización. Puede intentar iniciar sesión o cambiar directorios.
El acceso a esta página requiere autorización. Puede intentar cambiar los directorios.
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 la 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): Enumera el valor de
api_location
, que es la carpeta que contiene las instancias de Azure Functions administradas creadas 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 build
onpm 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 junto con 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 (static) | 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