Automatización de Despliegue con Travis CI y GitHub

Clase 14 de 16Curso 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:

  1. 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.

  2. 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 de Repo y admin:repo_hook.
  3. 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:

  1. Define el lenguaje de programación:

    language: node_js
    
  2. Establecer caché: Esto ayuda a reducir el tiempo de procesamiento.

    cache:
      directories:
        - node_modules
    
  3. Versión de Node.js: Selecciona las versiones con las que deseas trabajar.

    node_js:
      - "12"
    
  4. Script de compilación: Este paso compila y prepara tu proyecto.

    script:
      - npm run build
    
  5. 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.