Publicación de Aplicaciones REAP en Azure con Static Web Apps

¿Cómo configurar un pipeline en Azure DevOps para despliegue continuo?

Implementar un pipeline para un despliegue continuo puede parecer complicado, pero con servicios como Azure DevOps y Azure Static Web Apps, este proceso se simplifica significativamente. Si ya tienes una cuenta y suscripción activa en Azure, estarás listo para comenzar a publicar aplicaciones de manera eficiente, aprovechando también los $200 de inicio que Azure ofrece para explorar sus servicios.

¿Cuáles son los requisitos previos necesarios?

• Cuenta y suscripción de Azure: Necesitas una cuenta de Azure activa para acceder a servicios como Static Web Apps, que es gratuito.
• Azure DevOps Portal: Utiliza esta herramienta para configurar tu pipeline de despliegue continuo.

¿Cómo crear un sitio en Azure Static Web Apps?

1. Accede a Azure y dirígete a la sección de Static Web Apps.
2. Crea un nuevo sitio: Llámalo, por ejemplo, reapp-plexi-app, dentro de un grupo como reapp-plexi-app-group.
3. Elige la versión gratuita: Aunque existe la opción estándar, la gratuita es suficiente para demos y pruebas.

¿Cómo configuramos librerías y archivos para el despliegue?

• Identifica el directorio de trabajo: Asegúrate de señalar la carpeta donde se extraen los archivos .zip, que contendrá un archivo llamado build.
• Indica la ubicación de la aplicación: Configura la raíz donde estará el compilado del proyecto.
• Omite ciertas compilaciones: Haz skip del app.build y del static export si ya tienes un pipeline que maneja esto.

¿Cómo conectar Azure DevOps con Azure?

Para conectar ambos servicios y permitir que Azure DevOps despliegue en Azure Static Web Apps, sigue estos pasos:

Configuración del token de acceso

1. Obtener el deploy token: Este es crucial para que Azure DevOps sepa a qué recurso en Azure debe publicar.
2. Configura el token en Azure DevOps:
   • No añadas el token directamente en el código por razones de seguridad.
   • Una práctica recomendada es guardar el token en un servicio como Azure Key Vault.
   • Alternativamente, crea una variable en Azure DevOps: Define una variable personalizada, p. ej., swaToken, con el valor del deploy token.

Ajustando las variables en el pipeline

• Utiliza sintaxis de variables: En lugar de incluir el token directamente, utiliza $(swaToken) para referenciar la variable del token.
• Configura correctamente el nombre de la variable: No es necesario incluir símbolos o paréntesis al definirla, solo al usarla.

¿Cómo supervisar y corregir errores en el pipeline?

El proceso de configuración puede presentar errores, como un deploy token inválido. Si esto sucede:

• Revisa la configuración del token: Asegúrate de que el token esté correctamente definido y referenciado.
• Edita el pipeline: Ajusta cualquier error directamente en la configuración de Azure DevOps.
• Ejecuta nuevamente el release: Después de corregir, crea uno nuevo para verificar que la integración es exitosa.

Una vez completado, tu aplicación debería estar corriendo correctamente en la web. Este proceso de despliegue continuo es poderoso y refleja cómo herramientas modernas simplifican tareas tradicionalmente complejas en el desarrollo de software. ¡Sigue adelante con tu aprendizaje y aplica lo aprendido en futuros proyectos!