Saltar al contenido principal

Despliegue de Aplicación Web

Las aplicaciones web de ChurchApps se despliegan como sitios estáticos en Amazon S3 con CloudFront como el CDN. Los despliegues se automatizan a través de GitHub Actions, pero también se pueden ejecutar manualmente cuando sea necesario.

Antes de Comenzar

  • Configurar la aplicación web localmente y verificar que se compila -- ver Aplicaciones Web
  • Configurar credenciales de AWS con acceso a S3 y CloudFront
  • Conocer el nombre del grupo S3 de destino e ID de distribución de CloudFront

Pasos de Despliegue​

  1. Compilar la aplicación -- generar la salida estática:

    npm run build

  2. Sincronizar a S3 -- cargar la salida de compilación al grupo S3:

    aws s3 sync build/ s3://bucket-name

  3. Invalidar CloudFront -- limpiar la caché de CDN para que los usuarios reciban la versión más reciente:

    aws cloudfront create-invalidation --distribution-id YOUR_DIST_ID --paths "/*"

Despliegues Automatizados​

Los flujos de trabajo de GitHub Actions manejan el despliegue automáticamente al hacer un push a la rama main. El flujo de trabajo realiza los tres pasos anteriores -- compilación, sincronización S3 e invalidación de CloudFront -- sin intervención manual.

info

Normalmente no necesita ejecutar estos comandos manualmente. Fusionar una solicitud de extracción en main activa la canalización de despliegue automatizada.

tip

Si necesita verificar una compilación localmente antes de desplegar, ejecute npm run build e inspeccione la salida en el directorio build/. Puede servirla localmente con cualquier servidor de archivos estáticos para confirmar que todo funciona.

Artículos Relacionados​