Despliega tu sitio de Astro en Microsoft Azure
Azure es una plataforma en la nube de Microsoft. Puedes desplegar tu sitio de Astro con el servicio Static Web Apps de Microsoft Azure.
Esta guía te explica cómo desplegar tu sitio de Astro alojado en GitHub utilizando Visual Studio Code. Por favor, consulta las guías de Microsoft para utilizar una tarea de Azure Pipelines para otras configuraciones.
Requisitos previos
Sección titulada «Requisitos previos»Para seguir esta guía, necesitarás:
- Una cuenta de Azure y una clave de suscripción. Puedes crear una cuenta gratuita de Azure aquí.
- El código de tu aplicación subido a GitHub.
- La extensión de SWA en Visual Studio Code.
Cómo desplegar
Sección titulada «Cómo desplegar»-
Abre tu proyecto en VS Code.
-
Abre la extensión Static Web Apps, inicia sesión en Azure y haz clic en el botón + para crear una nueva Static Web App. Se te pedirá que indiques qué clave de suscripción deseas usar.
-
Sigue el asistente iniciado por la extensión para asignarle un nombre a tu aplicación, elegir un ajuste preestablecido de framework y especificar la raíz de la aplicación (generalmente
/) y la ubicación de los archivos compilados (usa/dist). Astro no aparece en las plantillas predefinidas de Azure, por lo que tendrás que seleccionarcustom. El asistente se ejecutará y creará una GitHub Action en la carpeta.githubde tu repo. (Esta carpeta se creará automáticamente si aún no existe.)
La GitHub Action desplegará tu aplicación (puedes ver su progreso en la pestaña Actions de tu repositorio en GitHub). Cuando finalice con éxito, podrás ver tu aplicación en la dirección que se muestra en la ventana de progreso de la extensión de SWA haciendo clic en el botón Browse Website (este aparecerá después de que la GitHub Action se haya ejecutado).
Problemas conocidos
Sección titulada «Problemas conocidos»El archivo YAML de la GitHub Action que se genera automáticamente asume el uso de Node 14. Esto provoca que la compilación de Astro falle. Para resolverlo, actualiza el archivo package.json de tu proyecto con este fragmento.
"engines": { "node": ">=22.12.0" },Recursos oficiales
Sección titulada «Recursos oficiales»Recursos de la comunidad
Sección titulada «Recursos de la comunidad»- Despliegue de un sitio web Astro en Azure Static Web Apps
- Despliegue de un sitio estático Astro en Azure Static Web Apps usando GitHub Actions
- Despliegue de un sitio Astro en Azure Static Web Apps con la CLI desde GitHub Actions
