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 guiará a través del despliegue de tu sitio de Astro almacenado en GitHub usando Visual Studio Code. Por favor, consulta las guías de Microsoft para usar 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 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 darle un nombre a tu aplicación, elegir una plantilla de framework y designar la raíz de la aplicación (usualmente
/) y la ubicación del archivo construido (usa/dist). Astro no figura en las plantillas integradas de Azure, por lo que deberás seleccionarcustom. El asistente se ejecutará y creará una GitHub Action en la carpeta.githubde tu repositorio. (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 se complete con éxito, podrás ver tu aplicación en la dirección que se muestra en la ventana de progreso de la extensión SWA haciendo clic en el botón Browse Website (esto aparecerá después de que se haya ejecutado la GitHub Action).
Problemas conocidos
Sección titulada “Problemas conocidos”El archivo yaml de la GitHub Action que se crea para ti asume el uso de Node.js 14. Esto hace que la construcción de Astro falle. Para resolver esto, 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"- Desplegando un sitio web de Astro en Azure Static Web Apps
- Desplegando un sitio estático de Astro en Azure Static Web Apps usando GitHub Actions
- Despliegue de un sitio de Astro en Azure Static Web Apps con la CLI desde GitHub Actions
