Automatización de Despliegue con Travis CI y GitHub
Clase 14 de 16 • Curso de Single Page Application con JavaScript Vanilla
Resumen
¿Cómo publicar aplicaciones de manera automatizada?
Llevar una aplicación al mundo real es un paso crucial para todo desarrollador. Publicar tu proyecto en Internet no sólo te permite recibir retroalimentación, sino que además te obliga a adoptar mejores prácticas en la gestión del código. Así es como puedes lograrlo de manera automática utilizando herramientas como Travis CI.
¿Qué es Travis CI y por qué usarlo?
Travis CI es una herramienta de integración continua que permite la automatización del flujo de trabajo en el desarrollo de software. Facilita la generación de scripts conectados a tu aplicación y repositorio, permitiendo automatizar el proceso de integración y compilación del código. Esto significa que cada vez que se detecta un cambio en una rama (por ejemplo, la rama master) se puede generar un compilado y publicarlo sin intervención manual.
¿Cómo configurar Travis CI?
Para comenzar, sigue estos pasos básicos:
-
Registro en Travis CI: Regístrate en Travis CI con tu cuenta de GitHub. Este servicio es gratuito, aunque también ofrece opciones de pago para empresas.
-
Generar un personal access token:
- Accede a tu cuenta de GitHub, dirígete a las configuraciones de desarrollador y genera un nuevo token de acceso personal.
- Llama al token
Travis
y asegúrate de seleccionar permisos deRepo
yadmin:repo_hook
.
-
Sincronización con tu repositorio:
- Sincroniza Travis CI con tu cuenta de GitHub para que pueda leer todos los repositorios disponibles.
- Busca el repositorio donde deseas integrar Travis CI y habilita la opción de integración continua.
¿Cómo crear un archivo .travis.yml
?
Este archivo está ubicado en la raíz de tu proyecto y contiene la configuración necesaria para que Travis CI se integre con tu aplicación. Vamos a construir este archivo paso a paso:
-
Define el lenguaje de programación:
language: node_js
-
Establecer caché: Esto ayuda a reducir el tiempo de procesamiento.
cache: directories: - node_modules
-
Versión de Node.js: Selecciona las versiones con las que deseas trabajar.
node_js: - "12"
-
Script de compilación: Este paso compila y prepara tu proyecto.
script: - npm run build
-
Configuración del despliegue: La etapa final del script se encarga del despliegue automático.
deploy: provider: pages skip_cleanup: true github_token: $GITHUB_TOKEN keep_history: true local_dir: dist on: branch: master
¿Cuál es el siguiente paso para llevar tu proyecto al siguiente nivel?
El desafío ahora es conectar tu repositorio local de GitHub para preparar tu despliegue con Travis CI. De esta forma, aprenderás cómo lanzar el primer build y llevar tu proyecto a producción. Ésta es solo la introducción a las poderosas herramientas de DevOps y la automatización del desarrollo.
¡No te detengas aquí! Sigue explorando más sobre Travis CI y otros sistemas de integración continua para mejorar tus habilidades de desarrollo y administración de software.