Implementación de Aplicaciones con Travis CI y GitHub Pages
Clase 15 de 16 • Curso de Single Page Application con JavaScript Vanilla
Resumen
¿Cómo publicar tu proyecto en GitHub usando Travis CI?
Publicar tu proyecto en GitHub utilizando Travis CI no solo te permite liberar tu código, sino también automatizar el proceso de compilación e implementación. En este artículo, te guiaré a través de los pasos esenciales para configurar y usar Travis CI en tu proyecto.
¿Cómo crear y conectar un repositorio en GitHub?
Primero, es importante que crees un repositorio en GitHub y lo conectes correctamente. Sigue estos pasos para lograrlo:
- Crea un nuevo repositorio en GitHub para tu proyecto.
- Clona tu proyecto localmente y conecta el repositorio local con el de GitHub.
- Une los cambios del repositorio local a la rama principal, llamada "master" en GitHub.
¿Cómo habilitar Travis CI para un repositorio?
Travis CI es una herramienta de integración continua que facilita la automatización en el desarrollo. Para habilitarlo, realiza lo siguiente:
- Accede a tu cuenta de Travis CI y busca el repositorio de tu proyecto.
- Ve a la sección “Settings” de Travis y habilita tu repositorio.
- Configura la integración de Travis con tu proyecto, asegurándote de que esté correctamente enlazado para poder generar el primer “build”.
¿Qué pasos sigue Travis CI para compilar el proyecto?
Travis ejecuta una serie de pasos para asegurar que tu software esté listo para producción:
- Asignación de Maquinaria Virtual: Una máquina virtual es asignada para procesar la información.
- Instalación de Dependencias: Travis CI instala todas las dependencias necesarias que requiere el proyecto.
- Ejecución de Comandos: Utiliza los comandos configurados para compilar y probar tu proyecto.
language: node_js
node_js:
- "12"
script:
- npm install
- npm test
- npm build
¿Cómo verificar el estado del “build” en Travis?
Una vez iniciado el proceso de construcción o “build”, podrás monitorear el estado y ver todos los mensajes en el tablero de Travis:
- Travis mostrará mensajes de progreso, desde la clonación del repositorio hasta la ejecución de pruebas y compilación.
- Al finalizar el “build”, si hay errores, Travis proporcionará mensajes detallados para solucionarlos.
¿Cómo se despliega el proyecto en GitHub Pages?
Después de una compilación y pruebas exitosas, los archivos del proyecto se despliegan automáticamente:
- Travis genera una nueva rama llamada
gh-pages
en tu repositorio, alojando la versión compilada del proyecto. - Puedes acceder a tu proyecto a través de una URL generada automáticamente.
¿Cómo puedes configurar un dominio personalizado para tu proyecto?
GitHub Pages te ofrece la posibilidad de usar un dominio personalizado para tu proyecto. Sigue estos pasos:
- Configura tu dominio en los ajustes de GitHub Pages.
- Agrega un archivo
CNAME
en la raíz de tu repositorio, con el nombre del dominio. - Actualiza los registros DNS para que apunten a GitHub.
¡Enhorabuena! Ahora estás listo para compartir tu proyecto con el mundo. Siéntete libre de experimentar con nuevas funciones y configuraciones que Travis y GitHub ofrecen para optimizar tu flujo de trabajo.