Merge branch 'staging' into dev

Reviewed-on: #1

.gitea/workflows/deploy-prod.yml

@@ -66,34 +66,52 @@ jobs:
       url: https://practicas.prod.kubistudio.cloud
     steps:
       - name: Deploy via SSH
-        uses: appleboy/ssh-action@v1.0.3
-        with:
-          host: ${{ secrets.DEPLOY_HOST }}
-          username: ${{ secrets.DEPLOY_USERNAME }}
-          key: ${{ secrets.DEPLOY_SSH_KEY }}
-          script: |
+        run: |
+          set -euo pipefail
+          IMAGE_TAG="${{ needs.build-and-push.outputs.image_tag }}"
+          APP_VERSION="${{ needs.build-and-push.outputs.app_version }}"
+
+          eval $(ssh-agent -s)
+          echo "${{ secrets.DEPLOY_SSH_KEY }}" | ssh-add -
+
+          mkdir -p ~/.ssh
+          ssh-keyscan -H ${{ secrets.DEPLOY_HOST }} >> ~/.ssh/known_hosts 2>/dev/null
+
+          # 1. Pasamos las variables como argumentos en el mismo orden
+          ssh ${{ secrets.DEPLOY_USERNAME }}@${{ secrets.DEPLOY_HOST }} bash -s \
+            "${{ env.REGISTRY_URL }}" \
+            "${{ env.IMAGE_NAME }}" \
+            "${IMAGE_TAG}" \
+            "${APP_VERSION}" \
+            "${{ gitea.actor }}" \
+            "${{ secrets.TOKEN }}" << 'EOF'
             set -euo pipefail
 
+            # 2. Las recibimos dentro de la sesión remota
+            REGISTRY_URL=$1
+            IMAGE_NAME=$2
+            IMAGE_TAG=$3
+            APP_VERSION=$4
+            GITEA_ACTOR=$5
+            TOKEN=$6
+
             echo "Saving current image tag for rollback..."
             CURRENT_IMAGE=$(docker inspect cicd-prod --format '{{.Config.Image}}' 2>/dev/null || echo "")
 
             echo "Pulling image..."
-            echo "${{ secrets.TOKEN }}" | docker login ${{ env.REGISTRY_URL }} -u ${{ gitea.actor }} --password-stdin
-            docker pull ${{ env.REGISTRY_URL }}/${{ env.IMAGE_NAME }}:${{ needs.build-and-push.outputs.image_tag }}
+            echo "$TOKEN" | docker login $REGISTRY_URL -u $GITEA_ACTOR --password-stdin
+            docker pull $REGISTRY_URL/$IMAGE_NAME:$IMAGE_TAG
 
             echo "Stopping existing container..."
             docker stop cicd-prod 2>/dev/null || true
             docker rm cicd-prod 2>/dev/null || true
 
             echo "Starting new container..."
-            docker run -d \
-              --name cicd-prod \
-              --restart unless-stopped \
-              -p 8083:80 \
+            docker run -d --name cicd-prod --restart unless-stopped -p 8083:80 \
               -e APP_ENV=production \
-              -e APP_VERSION=${{ needs.build-and-push.outputs.app_version }} \
+              -e APP_VERSION=${APP_VERSION} \
               -e DEPLOY_TIME=$(date -u +"%Y-%m-%dT%H:%M:%SZ") \
-              ${{ env.REGISTRY_URL }}/${{ env.IMAGE_NAME }}:${{ needs.build-and-push.outputs.image_tag }}
+              $REGISTRY_URL/$IMAGE_NAME:$IMAGE_TAG
 
             echo "Waiting for health check..."
             HEALTHY=false
@@ -129,6 +147,7 @@ jobs:
 
               exit 1
             fi
+          EOF
 
   release-notes:
     name: Release Notes
@@ -141,27 +160,27 @@ jobs:
           set -euo pipefail
           COMMITS_SINCE_LAST=$(git log --oneline --no-decorate ${{ gitea.sha }} -n 20 2>/dev/null || echo "No commit history available")
 
-          cat << 'SUMMARY' >> $GITEA_HOME/workflow/summary
+          cat << 'SUMMARY' >> $GITHUB_STEP_SUMMARY
           ## Production Deployment Successful :rocket:
 
           **Version:** ${{ needs.build-and-push.outputs.app_version }}
           **Commit:** ${{ gitea.sha }}
-          **Image:** ${{ vars.REGISTRY_URL }}/${{ vars.IMAGE_NAME }}:production-latest
+          **Image:** ${{ env.REGISTRY_URL }}/${{ env.IMAGE_NAME }}:production-latest
           **URL:** https://practicas.prod.kubistudio.cloud
 
           ### Recent Commits
           ```
           SUMMARY
 
-          git log --oneline --no-decorate -n 20 ${{ gitea.sha }} 2>/dev/null >> $GITEA_HOME/workflow/summary || true
+          git log --oneline --no-decorate -n 20 ${{ gitea.sha }} 2>/dev/null >> $GITHUB_STEP_SUMMARY || true
 
-          cat << 'SUMMARY' >> $GITEA_HOME/workflow/summary
+          cat << 'SUMMARY' >> $GITHUB_STEP_SUMMARY
           ```
 
           ### Rollback
           If needed, rollback with:
           ```bash
           docker stop cicd-prod && docker rm cicd-prod
-          docker run -d --name cicd-prod --restart unless-stopped -p 8083:80 \${{ vars.REGISTRY_URL }}/\${{ vars.IMAGE_NAME }}:stable
+          docker run -d --name cicd-prod --restart unless-stopped -p 8083:80 \${{ env.REGISTRY_URL }}/\${{ env.IMAGE_NAME }}:stable
           ```
           SUMMARY

.gitea/workflows/deploy-qa.yml

@@ -119,3 +119,20 @@ jobs:
             echo "::error::QA health check failed"
             exit 1
           EOF
+
+  notify:
+    name: Notification
+    runs-on: ubuntu-latest
+    needs: [build-and-push, deploy]
+    if: always()
+    steps:
+      - name: Write summary
+        run: |
+          cat << 'SUMMARY' >> $GITHUB_STEP_SUMMARY
+          ## QA Deployment ${{ needs.deploy.result }}
+
+          **Branch:** dev
+          **Commit:** ${{ gitea.sha }}
+          **Image:** ${{ env.REGISTRY_URL }}/${{ env.IMAGE_NAME }}:qa-latest
+          **URL:** https://practicas.qa.kubistudio.cloud
+          SUMMARY

.gitea/workflows/deploy-staging.yml

@@ -55,47 +55,78 @@ jobs:
     needs: build-and-push
     steps:
       - name: Deploy via SSH
-        uses: appleboy/ssh-action@v1.0.3
-        with:
-          host: ${{ secrets.DEPLOY_HOST }}
-          username: ${{ secrets.DEPLOY_USERNAME }}
-          key: ${{ secrets.DEPLOY_SSH_KEY }}
-          script: |
+        run: |
+          set -euo pipefail
+          IMAGE_TAG="${{ needs.build-and-push.outputs.image_tag }}"
+
+          eval $(ssh-agent -s)
+          echo "${{ secrets.DEPLOY_SSH_KEY }}" | ssh-add -
+
+          mkdir -p ~/.ssh
+          ssh-keyscan -H ${{ secrets.DEPLOY_HOST }} >> ~/.ssh/known_hosts 2>/dev/null
+
+          # 1. Pasamos las variables como argumentos en el mismo orden
+          ssh ${{ secrets.DEPLOY_USERNAME }}@${{ secrets.DEPLOY_HOST }} bash -s \
+            "${{ env.REGISTRY_URL }}" \
+            "${{ env.IMAGE_NAME }}" \
+            "${IMAGE_TAG}" \
+            "${{ gitea.sha }}" \
+            "${{ gitea.actor }}" \
+            "${{ gitea.run_id }}" \
+            "${{ secrets.TOKEN }}" << 'EOF'
             set -euo pipefail
             
+            # 2. Las recibimos dentro de la sesión remota
+            REGISTRY_URL=$1
+            IMAGE_NAME=$2
+            IMAGE_TAG=$3
+            GIT_SHA=$4
+            GITEA_ACTOR=$5
+            BUILD_NUMBER=$6
+            TOKEN=$7
+            
+            # Variables locales del script
+            GIT_BRANCH="staging"
+            BUILD_DATE=$(date -u +"%Y-%m-%dT%H:%M:%SZ")
+            
             echo "Pulling image..."
-            echo "${{ secrets.TOKEN }}" | docker login ${{ env.REGISTRY_URL }} -u ${{ gitea.actor }} --password-stdin
-            docker pull ${{ env.REGISTRY_URL }}/${{ env.IMAGE_NAME }}:${{ needs.build-and-push.outputs.image_tag }}
+            echo "$TOKEN" | docker login $REGISTRY_URL -u $GITEA_ACTOR --password-stdin
+            docker pull $REGISTRY_URL/$IMAGE_NAME:$IMAGE_TAG
             
             echo "Stopping existing container..."
             docker stop cicd-staging 2>/dev/null || true
             docker rm cicd-staging 2>/dev/null || true
             
             echo "Starting new container..."
-            docker run -d \
-              --name cicd-staging \
-              --restart unless-stopped \
-              -p 8082:80 \
+            docker run -d --name cicd-staging --restart unless-stopped -p 8082:80 \
               -e APP_ENV=staging \
-              -e APP_VERSION=staging-${{ gitea.sha }} \
-              -e GIT_COMMIT=${{ gitea.sha }} \
-              -e GIT_BRANCH=staging \
-              -e BUILD_DATE=$(date -u +"%Y-%m-%dT%H:%M:%SZ") \
-              -e DEPLOY_TIME=$(date -u +"%Y-%m-%dT%H:%M:%SZ") \
-              -e BUILD_NUMBER=${{ gitea.run_id }} \
-              ${{ env.REGISTRY_URL }}/${{ env.IMAGE_NAME }}:${{ needs.build-and-push.outputs.image_tag }}
+              -e APP_VERSION=staging-${GIT_SHA} \
+              -e GIT_COMMIT=${GIT_SHA} \
+              -e GIT_BRANCH=${GIT_BRANCH} \
+              -e BUILD_DATE=${BUILD_DATE} \
+              -e DEPLOY_TIME=${BUILD_DATE} \
+              -e BUILD_NUMBER=${BUILD_NUMBER} \
+              $REGISTRY_URL/$IMAGE_NAME:$IMAGE_TAG
               
-            echo "Running smoke tests..."
-            RESPONSE=$(curl -sf http://localhost:8082/health)
-            echo "Health response: $RESPONSE"
-
-            ENV_VALUE=$(echo "$RESPONSE" | python3 -c "import sys,json; print(json.load(sys.stdin)['env'])" 2>/dev/null || echo "unknown")
-            if [ "$ENV_VALUE" != "staging" ]; then
-              echo "::error::Smoke test failed: expected env=staging, got env=$ENV_VALUE"
+            echo "Waiting for health check..."
+            HEALTHY=false
+            for i in $(seq 1 12); do
+              RESPONSE=$(curl -sf http://localhost:8082/health || echo "")
+              if [ -n "$RESPONSE" ]; then
+                ENV_VALUE=$(echo "$RESPONSE" | python3 -c "import sys,json; print(json.load(sys.stdin)['env'])" 2>/dev/null || echo "unknown")
+                if [ "$ENV_VALUE" = "staging" ]; then
+                  echo "::notice::Staging smoke tests passed"
+                  HEALTHY=true
+                  break
+                fi
+              fi
+              sleep 5
+            done
+            if [ "$HEALTHY" = false ]; then
+              echo "::error::Staging smoke tests/health check failed"
               exit 1
             fi
-
-            echo "::notice::Staging smoke tests passed"
+          EOF
 
   notify:
     name: Notification
@@ -105,11 +136,11 @@ jobs:
     steps:
       - name: Write summary
         run: |
-          cat << 'SUMMARY' >> $GITEA_HOME/workflow/summary
+          cat << 'SUMMARY' >> $GITHUB_STEP_SUMMARY
           ## Staging Deployment ${{ needs.deploy.result }}
 
           **Branch:** staging
           **Commit:** ${{ gitea.sha }}
-          **Image:** ${{ vars.REGISTRY_URL }}/${{ vars.IMAGE_NAME }}:staging-latest
+          **Image:** ${{ env.REGISTRY_URL }}/${{ env.IMAGE_NAME }}:staging-latest
           **URL:** https://practicas.staging.kubistudio.cloud
           SUMMARY

README.md

@@ -2,7 +2,30 @@
 
 Prueba de concepto de un pipeline CI/CD multi-ambiente con Gitea Actions, Docker y Nginx.
 
-## Arquitectura
+## 📌 Resumen de la Arquitectura
+
+Implementación de una estrategia de Integración y Despliegue Continuo (CI/CD) para múltiples entornos (QA, Staging, Producción) alojada en un único servidor VPS (Debian/Ubuntu). La arquitectura utiliza **Gitea** (como control de versiones, Registry de contenedores y Runner de acciones), **Docker** para la contenerización de la aplicación estática, y un servidor **Nginx** en el host (Host Nginx) que actúa como Reverse Proxy y terminador SSL.
+
+## 🏗️ Estrategia de Infraestructura y Red
+
+Para aislar los entornos en el mismo servidor sin conflictos de red, se implementó el siguiente flujo:
+
+* **Puertos Internos Dockerizados:** Cada entorno corre en un contenedor Docker independiente, exponiendo un puerto único a nivel de `localhost` en el VPS (ej. QA en `8081`, Staging en `8082`, Prod en `8083`).
+* **Reverse Proxy:** El servidor Nginx principal del host escucha el puerto `80` y `443` (públicos). Mediante bloques `server_name`, intercepta las peticiones a subdominios específicos (`practicas.qa.kubistudio.cloud`, `practicas.staging.kubistudio.cloud`, `practicas.prod.kubistudio.cloud`) y hace un `proxy_pass` hacia el puerto interno correspondiente.
+* **Terminación SSL:** La seguridad HTTPS se maneja exclusivamente en el Nginx del host utilizando **Certbot (Let's Encrypt)**. Los contenedores de Docker solo manejan tráfico HTTP interno, evitando colisiones en el puerto `443`.
+
+## ⚙️ Inyección Dinámica de Variables (Frontend Estático)
+
+Para cumplir con la premisa de *Build Once, Deploy Anywhere* en una aplicación estática (HTML/JS/CSS servida por Nginx), se solucionó el problema de las variables de entorno de la siguiente manera:
+
+1. **Variables en el Pipeline:** El pipeline de Gitea Actions pasa variables de entorno (Commit SHA, Branch, App Env, Build Date) mediante la bandera `-e` en el comando `docker run`.
+2. **Entrypoint Interceptor:** Se utiliza un script personalizado `docker-entrypoint.sh` en el contenedor.
+3. **Generación Runtime:** Antes de que el Nginx del contenedor arranque, el script lee las variables de entorno de Linux y genera dinámicamente un archivo estático `/usr/share/nginx/html/env-config.js` inyectando el objeto `window.__ENV__`.
+4. **Consumo en Cliente:** El archivo `index.html` carga este script de configuración antes de ejecutar la lógica de la aplicación, permitiendo que la interfaz cambie de aspecto y muestre la metadata correcta según el entorno (QA, Staging o Prod).
+
+## 🚀 Flujo de las Pipelines de CD y Ramas
+
+El despliegue está dividido en tres flujos principales basados en ramas:
 
 ```
                     feature/*
@@ -26,40 +49,22 @@ Prueba de concepto de un pipeline CI/CD multi-ambiente con Gitea Actions, Docker
                     └───────┘    (aprobación)      (puerto 8083)
 ```
 
-## Ambientes
+### Detalle por Entorno
 
-| Ambiente  | URL                                      | Puerto | Rama    | Trigger       |
-|-----------|------------------------------------------|--------|---------|---------------|
-| QA        | https://practicas.qa.kubistudio.cloud    | 8081   | `dev`   | Push autom.   |
-| Staging   | https://practicas.staging.kubistudio.cloud | 8082 | `staging` | Push autom. |
-| Production| https://practicas.prod.kubistudio.cloud   | 8083   | `main`  | Push + aprob. |
+* **QA (Entorno de Pruebas):**
+  * **Triggers:** Push a la rama `dev`.
+  * **Build & Push:** Construye la imagen Docker inyectando argumentos de compilación (`--build-arg` con el Git SHA y Build Date) y la sube al Gitea Container Registry con las etiquetas `qa-latest` y `sha-<hash>`.
+  * **Deploy (SSH):** Se conecta por SSH al VPS, detiene y elimina el contenedor anterior (`cicd-qa`), levanta el nuevo en el puerto `8081` con `APP_ENV=qa` y valida el despliegue con un health check.
 
-## Configuración en Gitea
+* **Staging (Entorno de Pre-producción):**
+  * **Triggers:** Push a la rama `staging`.
+  * **Build & Push:** Genera la imagen etiquetada para staging (`staging-latest`).
+  * **Deploy (SSH):** Detiene el contenedor anterior (`cicd-staging`), levanta el nuevo en el puerto `8082` con `APP_ENV=staging` y realiza smoke tests comprobando la variable de entorno expuesta en el de salud.
 
-### Secretos (Settings > Secrets)
-
-| Secreto            | Descripción                                       |
-|--------------------|---------------------------------------------------|
-| `TOKEN`      | Token de Gitea con permisos de escritura al registry |
-| `DEPLOY_SSH_KEY`   | Clave SSH privada para acceder al servidor de deploy |
-| `DEPLOY_USERNAME`  | Usuario SSH para conexión al servidor             |
-| `DEPLOY_HOST`      | Host/IP del servidor de deploy                    |
-
-### Variables (Settings > Variables)
-
-| Variable         | Descripción                                          | Ejemplo                                        |
-|------------------|------------------------------------------------------|------------------------------------------------|
-| `REGISTRY_URL`   | URL del Gitea Container Registry                     | `git.kubistudio.cloud`                         |
-| `IMAGE_NAME`     | Nombre de la imagen en el registry                   | `kubistudio/cicd-multi-env-pipeline-poc`       |
-
-## Flujo de Trabajo
-
-1. Crear rama `feature/*` desde `dev`
-2. Desarrollar y hacer commit
-3. Abrir PR a `dev` → CI ejecuta lint, build, security scan
-4. Merge a `dev` → CI + Deploy automático a QA
-5. PR de `dev` → `staging` → Deploy automático a Staging
-6. PR de `staging` → `main` → Requiere aprobación → Deploy a Producción
+* **Production (Entorno de Producción):**
+  * **Triggers:** Push a la rama `main`.
+  * **Build & Push:** Genera la imagen inmutable de producción (`production-latest`, `stable` y `sha-<hash>`).
+  * **Deploy (SSH):** Guarda la imagen actual para rollback, levanta el nuevo contenedor en el puerto `8083` con `APP_ENV=production`. Si el health check falla, realiza un **rollback automático** restaurando la imagen anterior.
 
 ## Ejecución Local
 

src/index.html

@@ -4,6 +4,7 @@
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <title>Kubistudio - Multi-Environment Pipeline POC</title>
+<script src="/env-config.js"></script>
 <style>
   :root {
     --accent: #F59E0B;