Archivo de configuración travis.yml

Jose Daniel Barría Reyes

student•

Codigos de la clase

//inicializar el proyecto
mkdir travis 
cd travis
git init
npm init -y
// (opcional) touch .travis.yml
code .

archivo .travis.yml

# trabajamos con javascript
language: node_js
# os: osx
# hay mas configuraciones
git:
  # 3 niveles de git
  depth: 3

branches:
  # branches que no queremos implementar
  except:
  - legacy
  - experimental

branches:
  # solo las ramas que queremos
  only:
  - master
  - stable

before_install: #antes de hacerlo
  - python

install:
  - yarn install
# - apt install curl

script:
  - yarn deploy
  - yarn test

before_script:
  - clean

after_script:
  - yarn clean

cache:
  directories:
    - node_modules # mantener en cache node_modules

Luis Alejandro Vera Hernandez

student•

Gracias

Johny Jiménez

student•

donde esta mi gente que usa NeoVim como IDE ?

Omar Leal

student•

Presente

Gibran Andre Ayala Cortes

student•

me encanta vim pero he usado vscode como editor por problemas de los colores

Gonzalo Amador Hernández

student•

el sistema de chache sirve para para conpartir recursos que son costosos de fabricar, como instalar dependecias, y esos recursos se comparten entre:

cada build del pipeline
cada job de los builds

Edwin García

student•

¿Se puede usar npm en lugar de yarn en los scripts que se usan en el yml?

Juan Castro

teacher•

Yep. Puedes usar Yarn sin problemas: https://docs.travis-ci.com/user/languages/javascript-with-nodejs/#yarn-is-supported.

Diego Andrés Beltrán Garavito

student•

Hola, comparto mis apuntes...

language: node_js
os: osx

git:
  depth: 3

branches:
  except:
  - legacy
  - experimental

branches:
  only:
  - master
  - stable

before_install:
  - python

install:
  - yarn install

script:
  - yarn deploy
  - yarn test

before_script:
  - yarn test

after_script:
  - yarn clean

cache:
  directories:
    - node_modules```

Josue Alessander Rodriguez Fasabi

student•

grax

Gonzalo Amador Hernández

student•

Si estas usando yarn puedes cachear de la siguiente forma tambien:

.travis.yml

language: node_js
node_js: '12'
cache: yarn

Source: https://docs.travis-ci.com/user/caching/#yarn-cache

Jhon Alexander Alvarez Romero

student•

Tengo una duda, con respecto al cache, le pasamos las carpetas que queremos que siempre esten fijas y que el debe detectar cuando debe modificarlas o no?

algo mas, si quiero que haga el build de una carpeta con imagenes y esta se mantenga, tambien aplica para el cache?

Rubén Esparza

student•

En base a la configuración se detectarán los cambios, por ejemplo, la configuración de expiración
Claro, también el build de la carpeta de imagenes aplica para caché, comunmente recursos generados por compilación, son mantenidos en caché en un enfoque CI/CD

Gonzalo Amador Hernández

student•

la carpeta de imaneges no es necesaria mantenerla en cache, si es que las imagenes ya estan en el repositorio. A menos que hagas pull de esas imagenes de otra funte cada vez que corre un build, ya que represetaria mucho esfuerzo y tiempo en traerlas a tu build, entonces si deberias mantenerla en cache.

Fredy Daniel Flores Lemus

student•

Los scripts que se utilizan son los que configuramos en package.json verdad?

Irving Juárez

student•

Si, tu puedes usarlos desde la terminal, por ejemplo, cada que quieras correr el archivo, pones npx webpack --mode development o mejor anotas eso en el package.json como un script "start" y ya solo escribes npm run start, en el caso de modo desarrollo

Fredy Daniel Flores Lemus

student•

Ya me quedo claro, gracias bro

Gonzalo Amador Hernández

student•

si estas usando npm, ya no es necesario indicar que vas a usar chache, desde el 2019 npm es cacheable por Travis CI por defecto. aun que si lo quieres indicar explicitamente, puedes hacerlo asi:

.travis.yml file:

language: node_js
node_js: '12'
cache: npm

y si lo queires desactivar (por alguna razon), puedes hacerlo asi:

.travis.yml file:

language: node_js
node_js: '12'
cache:
	npm: false

Source: https://docs.travis-ci.com/user/caching/#npm-cache

Gonzalo Amador Hernández

student•

Este es el enlace de los lenguages de programacion que Travis CI soporta: https://docs.travis-ci.com/user/languages/

Johny Jiménez

student•

interesante!!!!

Gonzalo Amador Hernández

student•

si quieren saber como pueden mantener cache de dependencias de los lenguajes mas populares, pueden checarlo aqui, la doc oficial: https://docs.travis-ci.com/user/caching/#caching-directories-bundler-dependencies

Gonzalo Amador Hernández

student•

Travis CI llama al sistema operativo como Build Environment y pueden checar la documentacion en: https://docs.travis-ci.com/user/reference/overview/

Sylvester Josué Rojas Cañón

student•

Me gustomucho este recurso, nos ayuda a validar y corregir las propiedades de configuracion del archivo expuesto en la clase.

Puesto que ha pasado un pequeño tiempo desde su lanzamiento.
https://config.travis-ci.com/explore

Luis Guilermo Figueroa Hernandez

student•

esta muy buena esta extensión para vscode 😉: YAML

Luis Guilermo Figueroa Hernandez

student•

Una explicación mas detallada sobre depth 🤗🤗: git depth

Edwin Orlando Franco Gavarrete

student•

Tengo frontend en ReactJs, otro construido en Flutter y el backend en NetCore. En la linea de lenguaje como deberia escribirlo para cada uno de ellos?

Archivo de configuración travis.yml

Getting Started

Todo lo que aprenderás sobre TravisCI

Continuous Integration (CI) y Continuous Delivery (CD)

Crear cuenta en Travis-ci.org

Configuración

Archivo de configuración travis.yml

Archivo de configuración travis.yml jobs y deploy

Deploy Github Pages

Configuración de travis.yml

Test & Deploy de Platzi Store

Integración y Notificaciones

Integración con notificaciones de correo electrónico

Integración con notificaciones de Slack

Deploy Heroku

Configuración de Integración

Configuración de travis.yml con Heroku

Deploy de Platzi Store Backend

Seguridad

Instalar Travis CLI (Command Line Client)

Buenas practicas de seguridad

Travis CI Enterprise

Travis CI Enterprise y cierre del curso