Herramientas de usuario
ada:howto:sicoferp:factory:new-migracion-sicoferp:front:limpieza-cache-condicionado
Diferencias
Muestra las diferencias entre dos versiones de la página.
| Ambos lados, revisión anterior Revisión previa Próxima revisión | Revisión previa | ||
|
ada:howto:sicoferp:factory:new-migracion-sicoferp:front:limpieza-cache-condicionado [2025/02/03 17:13] 192.168.175.192 |
ada:howto:sicoferp:factory:new-migracion-sicoferp:front:limpieza-cache-condicionado [2025/04/22 17:02] (actual) 192.168.175.227 |
||
|---|---|---|---|
| Línea 3: | Línea 3: | ||
| === Requerimientos de Configuración del Proyecto === | === Requerimientos de Configuración del Proyecto === | ||
| - | El proyecto de Angular debe tener configurado el despliegue continuo con Docker. | + | El proyecto de Angular debe tener configurado el despliegue continuo con jenkins y Docker. |
| Primeros Pasos | Primeros Pasos | ||
| - | 1. Modificación del Dockerfile de la construcción del Proyecto: Ubicar el archivo Dockerfile y agregar la opción --output-hashing=all en la misma línea donde se ejecuta la construcción del proyecto. | + | 1. Modificación del Dockerfile de la construcción del Proyecto: Ubicar el archivo Dockerfile y agregar la opción --output-hashing=all en la misma línea donde se ejecuta la construcción del proyecto. este tag lo que hace es que en el compilado del proyecto sus archivos cambian de nombre, por un hash único. |
| Nuestra línea de código debería quedar así: | Nuestra línea de código debería quedar así: | ||
| - | + | <code> | |
| - | ''RUN npm run build:${TYPE} --output-hashing=all '' | + | RUN npm run build:${TYPE} --output-hashing=all |
| + | </code> | ||
| 2. Creación del Script para Renombrar index.html: Crear un archivo de Node.js llamado `rename_index_html.js`, que se encargue de renombrar el index.html con un nombre basado en un timestamp. | 2. Creación del Script para Renombrar index.html: Crear un archivo de Node.js llamado `rename_index_html.js`, que se encargue de renombrar el index.html con un nombre basado en un timestamp. | ||
| Línea 19: | Línea 19: | ||
| Código del archivo rename_index_html.js (guardar en la raíz del proyecto): | Código del archivo rename_index_html.js (guardar en la raíz del proyecto): | ||
| - | + | <code> | |
| - | ''const fs = require('fs'); | + | const fs = require('fs'); |
| const path = require('path'); | const path = require('path'); | ||
| Línea 31: | Línea 31: | ||
| fs.renameSync(indexPath, newIndexPath); | fs.renameSync(indexPath, newIndexPath); | ||
| - | console.log(`Renamed index.html to ${newIndexName}`); | + | </code> |
| - | '' | + | **Importante: asignar en el path.join el nombre de proyecto de angular** |
| 3. Agregar la Ejecución del Script en el Dockerfile después de la línea que construye el proyecto en el archivo Dockerfile, agregar la ejecución del script para renombrar el index.html: | 3. Agregar la Ejecución del Script en el Dockerfile después de la línea que construye el proyecto en el archivo Dockerfile, agregar la ejecución del script para renombrar el index.html: | ||
| - | ''RUN node rename_index_html.js'' | + | <code> |
| + | RUN node rename_index_html.js | ||
| + | </code> | ||
| + | 4. Como cuarto paso se deberá confirgurar eliminar el index.html por defecto de nginx, después de la linea | ||
| + | <code> | ||
| + | FROM nginx:alpine | ||
| + | </code> | ||
| + | Se agrega la siguiente linea | ||
| + | <code> | ||
| + | RUN rm -rf usr/share/nginx/html/* | ||
| + | </code> | ||
| - | 4. Ajuste de Nginx en el Dockerfile En el mismo archivo Dockerfile, después de la línea: | + | 5. Ajuste de Nginx en el Dockerfile En el mismo archivo Dockerfile, después de la línea: |
| - | ''COPY default.conf /etc/nginx/conf.d/default.conf'' | + | <code> |
| + | COPY default.conf /etc/nginx/conf.d/default.conf | ||
| + | </code> | ||
| Agregar el siguiente código para que Nginx sirva el archivo index.html sin importar su nombre: | Agregar el siguiente código para que Nginx sirva el archivo index.html sin importar su nombre: | ||
| - | ''RUN HTML_FILE=$(find /usr/share/nginx/html -type f -name "index*.html" | head -n 1 | xargs -I {} basename {}) &&\ | + | <code> |
| + | RUN HTML_FILE=$(find /usr/share/nginx/html -type f -name "index*.html" | head -n 1 | xargs -I {} basename {}) &&\ | ||
| echo "Encontrado: $HTML_FILE" && \ | echo "Encontrado: $HTML_FILE" && \ | ||
| - | sed -i "s/index\.html/$HTML_FILE/g" /etc/nginx/conf.d/default.conf'' | + | sed -i "s/index\.html/$HTML_FILE/g" /etc/nginx/conf.d/default.conf |
| + | </code> | ||
| Este comando encuentra el archivo index.html generado por Angular, captura su nombre dinámico y lo reemplaza en la configuración de Nginx. | Este comando encuentra el archivo index.html generado por Angular, captura su nombre dinámico y lo reemplaza en la configuración de Nginx. | ||
| - | Estos son los cuatro pasos necesarios para evitar que el navegador del cliente almacene en caché el index.html y garantizar que siempre tome la versión más reciente del servidor en cada despliegue. | + | Estos son los quintos pasos necesarios para evitar que el navegador del cliente almacene en caché el index.html y garantizar que siempre tome la versión más reciente del servidor en cada despliegue. |
| Por último, el archivo Dockerfile debería verse similar a la siguiente imagen: | Por último, el archivo Dockerfile debería verse similar a la siguiente imagen: | ||
| {{:ada:howto:sicoferp:factory:new-migracion-sicoferp:front:captura_de_pantalla_2025-02-03_093019.png?400|}} | {{:ada:howto:sicoferp:factory:new-migracion-sicoferp:front:captura_de_pantalla_2025-02-03_093019.png?400|}} | ||
| + | |||
| + | [[ada:howto:sicoferp:factory:new-migracion-sicoferp:front|←Regresar]] | ||
ada/howto/sicoferp/factory/new-migracion-sicoferp/front/limpieza-cache-condicionado.1738602822.txt.gz · Última modificación: 2025/02/03 17:13 por 192.168.175.192
Herramientas de la página
