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 22:28] 192.168.175.156 |
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í: | ||
| Línea 31: | Línea 31: | ||
| fs.renameSync(indexPath, newIndexPath); | fs.renameSync(indexPath, newIndexPath); | ||
| - | console.log(`Renamed index.html to ${newIndexName}`); | ||
| </code> | </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: | ||
| Línea 38: | Línea 38: | ||
| <code> | <code> | ||
| RUN node rename_index_html.js | 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> | </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: |
| <code> | <code> | ||
| Línea 56: | Línea 64: | ||
| 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/limpieza-cache-condicionado.1738621738.txt.gz · Última modificación: 2025/02/03 22:28 por 192.168.175.156
Herramientas de la página
