¿Qué es CI/CD y cómo puede acelerar tus despliegues en minutos?

📝 TL;DR

CI/CD (integración continua y despliegue continuo) automatiza el proceso de integración del código, pruebas y despliegue. Gracias a CI/CD reduces errores humanos, aumentas la velocidad de entrega y aseguras una mayor calidad del software. En este artículo verás qué es, cómo funciona y un ejemplo para llevar a cabo.

🤔 ¿Qué es CI/CD?

CI/CD se refiere a Integración Continua (CI) y Despliegue Continuo (CD). Es un elemento imprescindible en las prácticas de DevOps que permite acelerar el ciclo de vida de desarrollo del software.

• Integración Continua (CI): En el momento en que un programador sube un commit al repositorio central, se combina este código nuevo para probar sus cambios, si alguna prueba falla se obtiene una alerta temprana.
• Despliegue Continuo (CD): Automatiza el proceso de despliegue de una aplicación en un entorno de pruebas o producción de forma rápida.

🔧 Ejemplo: Pipeline con GitHub Actions

Objetivo: Configurar un pipeline de CI/CD que:

1. Construya y pruebe tu aplicación automáticamente.
2. Despliegue los archivos estáticos en GitHub Pages.

Flujo del pipeline:

Archivo YAML: .github/workflows/cicd.yml

name: CI/CD demo on: push: branches: - master jobs: build: runs-on: ubuntu-24.04 permissions: id-token: write steps: - name: Checkout uses: actions/checkout@v4 - name: Configure Node.js uses: actions/setup-node@v4 with: node-version: "18" - name: Install dependencies run: npm install - name: Run tests run: npm test - name: Build run: npm run build - name: Upload static files as artifact uses: actions/upload-pages-artifact@v3 with: name: github-pages path: ./dist deploy: runs-on: ubuntu-24.04 needs: build environment: name: github-pages url: ${{ steps.deployment.outputs.page_url }} permissions: id-token: write pages: write steps: - name: Deploy to GitHub Pages id: deployment uses: actions/deploy-pages@v4 with: artifact_name: github-pages 

Ejecución del pipeline:

Explicación:

1. Build:
   • Checkout: Descarga el código del repositorio.
   • Configure Node.js: Configura Node.js v18.
   • Install dependencies: Instala dependencias con npm install.
   • Run tests: Corre los tests con npm test.
   • Build: Genera los archivos estáticos con npm run build.
   • Upload static files as artifact: Sube los archivos generados en ./dist como artefacto estático.
2. Deploy:
   • Deploy to GitHub Pages: Utiliza los artefactos generados para desplegar automáticamente en GitHub Pages.

📂 Repositorio del proyecto

Para seguir este ejemplo de CI/CD con GitHub Actions, puedes clonar o explorar el repositorio asociado.

Repositorio: https://github.com/israoo/basic-ci-cd-github-actions

Este repositorio contiene:

• Código fuente de la aplicación de ejemplo.
• Archivo de configuración del pipeline (cicd.yml).
• Instrucciones detalladas en el archivo README.md sobre cómo configurar y ejecutar el pipeline paso a paso.

📈 Beneficios clave del CI/CD

• Despliegues más rápidos y frecuentes: Reduces el tiempo entre desarrollo y entrega.
• Detección temprana de errores: Las pruebas automáticas alertan sobre problemas antes de llegar a producción.
• Reducción de errores manuales: Todo el proceso está automatizado.
• Mayor confianza y calidad: Cada cambio pasa por pruebas antes de ser desplegado.

En pocas palabras: Menos dolores de cabeza y más despliegues.

💡 Comparación: CI/CD vs. Flujos de trabajo tradicionales

🔗 Referencias/Extras

• Documentación oficial de GitHub Actions
• Más ejemplos de pipelines CI/CD
• ¿Qué es la CI/CD?
• Comprensión de la CI/CD

🚀 ¿Qué sigue?

¿Te gustaría ver un pipeline CI/CD más avanzado o con despliegue a otra plataforma? ¡Dímelo en los comentarios!