Despliega tu proyecto de Astro en Microsoft Azure
Azure es una plataforma en la nube de Microsoft. Puedes desplegar tu proyecto de Astro con el servicio de Aplicaciones Web Estáticas de Microsoft.
Esta guía te llevará 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.
Prerrequisitos
Sección titulada PrerrequisitosPara seguir esta guía necesitarás:
- Una cuenta de Azure y una clave de subscripción. Puedes crear una cuenta gratuita de Azure aquí.
- Subir el código de tu proyecto 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 de Aplicaciones Web Estáticas, inicia sesión en Azure, y haz clic en el botón de + para crear una nueva Aplicación Web Estática. Se te pedirá que designes la clave de subscripción a usar.
-
Sigue el asistente iniciado por la extensión para darle a tu aplicación un nombre, seleccionar un framework preestablecido y designar la raíz de tu aplicación (usualmente
/
) y la ubicación de los archivos generados/dist
. Astro no está enlistado en las plantillas integradas de Azure por lo que necesitarás elegircustom
. El asistente creará y ejecutará una GitHub Action en tu repositorio dentro del directorio.github
.
La GitHub Action desplegará tu aplicación (puedes ver el progreso en la pestaña de Actions en GitHub). Cuando se complete con éxito, puedes ver tu aplicación en la dirección mostrada en la ventana de progreso de la Extensión de SWA haciendo clic en el botón de Browse Website (esto aparecerá después de que la GitHub Action se haya ejecutado).
Problemas Conocidos
Sección titulada Problemas ConocidosLa acción yaml de GitHub que es creada automáticamente asume el uso de node 14. Esto significa que la compilación de Astro fallará. Para resolver esto actualiza el package.json de tus proyectos con este snippet.
Recursos Oficiales
Sección titulada Recursos OficialesRecursos de la Comunidad
Sección titulada Recursos de la Comunidad- Despliegue de un sitio web de Astro en Azure Static Web Apps
- Despliegue de un Sitio de Astro Estático en Azure Static Web Apps usando GitHub Actions