Compartir a través de

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 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 o npm 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

Pasos siguientes