Configuración de travis.yml

Comentarios

Diego Alejandro Osorio Escobar

student•

Revisando la documentación de Travis, me di cuenta que hay un error en la escritura de las configuraciones de la sección deploy debido a que se está utilizando el caracter "-" en vez de "_", siendo la forma correcta la siguiente:

deploy:
  provider: pages
  skip_cleanup: true
  keep_history: true
  github_token: $GITHUB_TOKEN  # Set in the settings page of your repository, as a secure variable
  local_dir: dist/
  target_branch: gh-pages
  commit_message: &quot;Deploy de proyecto&quot;
  on:
    branch: master

Al final Travis pasa por alto ese detalle al momento de hacer el deploy ya que hace las validacion y al parecer corrige automáticamente, sin embargo ahi les dejo el dato.

Fuente: GitHub Pages Deployment

Jhonathan Alfonso

student•

Gracias bro!

Jhon Alexander Alvarez Romero

student•

esto es algo para la nueva version de travis, la v2, pero es algo que igualmente funciona en la v1, hasta que se adopte por completo la v2, teniendo en cuenta que han cambiado significativamente los valores y la forma de pasarle los datos a travis

Gerardo Alberto Soto Alvarez del Castillo

student•

++Configuraciones para el Deploy:++ Especificar el proveedor como páginas le permite a Travis CI saber su implementación en las páginas de Github. skip-cleanup se asegurará de que después de crear la carpeta que está intentando implementar, no se eliminará antes de que se implemente. github-token garantiza que la tarea de implementación tenga el privilegio suficiente para enviarla a las páginas de Github. Keep-history asegurará que no se realice un empuje forzado. local-dir es el directorio que está empujando a las páginas de Github, en nuestro caso es el sitio estático que se creó a partir de nuestro comando de script npm run styleguide:buildanterior

Gerardo Alberto Soto Alvarez del Castillo

student•

Les comparto mi código documentado:

language: node_js
cache: # información ya configurada para el proyecto
        directories:
                - node_modules
                - ~/.npm
node_js: #version
        - '12'
git: # número de versiones (git) a guardar
        depth: 3
script: #script a ejecutar
        - yarn build
deploy:
        provider: pages #github pages
# configuración del deploy:
        skip_cleanup: true
        keep_history: true
# creación de un token para la conexión
# entre Travis y GitHub:
        github_token: $GITHUB_TOKEN
# directorio resultante de la compilación:
# xej: /bodndel  /public ...etc
        local_dir: dist/
# rama de publicación (sitio) de GitHub:
        tarjet_branch: gh-pages
        commit_message: "Deploy del proyecto travis"
        on:
                branch: master

Omar Gabriel Aguilar Moscoso

student•

como es la vida, en la primera clase de los cursos de historia de la web y los cursos de html y css, todo el mundo emocionado, más de 500 aportes diciendo que vamos animo y todo eso

y ya no se les ve por aca xd

Duvan Vargas

student•

Aquí estamos solo los sobrevivientes..

Luis Ricardo Moran Chozo

student•

lenguage: node_js
cache:
  directories:
    - node_modules
    - ~/.npm
node_js:
  - '12'
git:
  depth: 3
script:
  - yarn build
deploy:
  provider: pages
  skip_cleanup: true
  keep_history: true
  github_token: $GITHUB_TOKEN
  local_dir: dist/
  target_branch: gh-page
  commit_message: 'Deploy del proyecto'
  on:
    branch: master

Jhon Alexander Alvarez Romero

student•

que funcion tiene skip-cleanup y keep-history?

Gerardo Alberto Soto Alvarez del Castillo

student•

Hola Jhon, esto fue lo que encontre: skip-cleanup se asegurará de que después de crear la carpeta que está intentando implementar, no se eliminará antes de que se implemente. Keep-history asegurará que no se realice un empuje forzado.

Jose Daniel Barría Reyes

student•

Configuracion travis para platzi-store

language: node_js

cache:
  directories:
    - node_modules
    - ~/.npm

node_js:
  - '12'

git:
  depth: 3

script:
  # la configuracion de travis tiene yarn
  - yarn build

deploy:
  provider: pages # github pages
  skip-clean: true
  keep-history: true
  github-token: $GITHUB_TOKEN
  local-dir: dist/
  target-branch: gh-pages
  commit_message: &quot;deploy on project&quot;
  on:
    branch: master

# por defecto yarn hace yarn install

Johny Jiménez

student•

como configuro el comando code para abrir visual???

Esteban Casallas

student•

Si teniendo instalado VSC no te funciona, prueba reinstalándolo a mi me funciono, saludos !

Francisco Enrique Giménez Vera

student•

Hola, para abrir vs code con el comando code no necesitas configurar nada, sólo te ubicas en la carpeta que deseas abrir y ejecutas

code .```

Jericsson Jesus Carvajal Guerrero

student•

¿Cómo abrir Visual Studio Code desde la línea de comandos en OSX?

⚡️ La solución fácil.

Descargue, instale y abra Visual Studio Code . Abra la paleta de comandos ( ⌘ + ⇧ + P en Mac) O vea ❯ Paleta de comandos 🌟 3. Escriba el shell command para encontrar el Shell Command: Install 'code' command in PATH command

Instálalo y listo

Después de eso, puede usar code o code . en la terminal

Gonzalo Amador Hernández

student•

aqui les dejo la doc oficial por si gustan checarla, deploy con GitHub Pages:

Johny Jiménez

student•

Mi código actualizado:

language: node_js
cache: # información ya configurada para el proyecto
  directories:
    - node_modules
    - ~/.npm

node_js: #version
  - '12'
git: # número de versiones (git) a guardar
  depth: 3

script: #script a ejecutar
  - yarn build

deploy:
  provider: pages
  #github pages
# configuración del deploy:
  skip_cleanup: true
  keep_history: true
  # creación de un token para la conexión
# entre Travis y GitHub:
  github_token: $GITHUB_TOKEN
  # directorio resultante de la compilación:
# xej: /bundle  /public ...etc
  local_dir: dist/
  target_branch: gh-pages
  # rama de publicación (sitio) de GitHub:

  commit-message: "Deploy del proyecto"
  on:
    branch: master```

Diego Andrés Beltrán Garavito

student•

language: node_js
cache:
  directories:
    - node_modules
    - ~/.npm
node_js:
  - '12'

git:
  depth: 3

script:
  - yarn build
deploy:
  provider: pages
  skip-clean: true
  keep-history: true
  github-token: $GITHUB_TOKEN
  local-dir: dist/
  target-branch: gh-pages
  commit_message: "Deploy del proyecto"
  on:
    branch: master```

Jhon Alexander Alvarez Romero

student•

es correcto afirmar y decir que yarn y npm es lo mismo? es decir en cualquiero momento podria intercambiar el uno con el otro y no tener resultados diferentes?

Ángel David Roque Ayala

student•

Yarn tiene algunas diferencias con npm. En primer lugar, Yarn almacena en caché todos los paquetes instalados. Yarn instala los paquetes simultáneamente, y es por eso que Yarn es más rápido que NPM. Ambos descargan paquetes del repositorio npm

Gonzalo Amador Hernández

student•

En este casi, no ay ninguna diferencia, solo es mas rapido y tiene mas caracteristicas para desarrollar localmente, pero en este caso no se usan. Como consejo si tu equipo ademas de trackiar con git el archivo package.josn tanbien lo hacen con el archivo yarn.json, entocnes deberias usar yarn. y si trackean el archivo package-lock.json entonces puedes usar tanto npm o yarn.

Jhon Alexander Alvarez Romero

student•

no entendi a que directorio o archivos se refiere con:

~/.npm

es una carpeta llamada npm? es todo lo que encuentre npm? que es la ~ o que representa?

Gerardo Alberto Soto Alvarez del Castillo

student•

Hola Jhon, la carpeta ~/.npm es una carpeta que se crea el tu directorio $HOME (en Linux) al instalar npm y ahi se guardan los archivos de configuración de npm

Fredy Daniel Flores Lemus

student•

Con Netlify no se usa un archivo como el de travis? o son diferentes? estoy algo perdido con este tema

Pau Egea Cortes

student•

Dejo mi código, también digo que he ahora travis funciona por el .com y no con .org, y que para hacer el proyecto yo he tenido que poner mi tarjeta de crédito. Espero que esto se solucione en un futuro.

lenguage: node_js
cache:
  directories:
    - node_modules
    - ~/.npm
node_js:
  - '12'
git:
  depth: 3
script:
  - yarn build
deploy:
  provider: pages
  skip_cleanup: true
  keep_history: true
  github_token: $GITHUB_TOKEN
  local_dir: dist/
  target_branch: gh-page
  commit_message: 'Deploy del proyecto'
  on:
    branch: master

Luis Alejandro Vera Hernandez

student•

Codigo documentado

language: node_js

#archivos que viviran en cache
cache:
  directories:
    - node_modules
    - ~/.npm 

#version de node
node_js: 
  - '12'

#profundida a la que va a leer mi repositorio
git: 
  depth: 3

#estandar que tiene travis para trabajar
script: 
  - yarn build 


deploy: 
  provider: pages
  #se asegurará de que después de crear la carpeta que está intentando implementar, no se eliminará antes de que se implemente.
  skip_cleanup: true
  #asegurará que no se realice un empuje forzado.
  keep_history: true
  #permite conectarnos con nuestro repositorio y que travis desde sus servidores ueda acceder a nuestro repositorio
  #garantiza que la tarea de implementación tenga el privilegio suficiente para enviarla a las páginas de Github
  github_token: $GITHUB_TOKEN 
  #Establece el directorio resultante de la compilacion
  local_dir: dist/
  #la rama que nos dicta la documentacion de github pages que va a detectar como una rama que va a publicar nuestro sitio
  target_branch: gh-pages
  commit_message: "Deploy del proyecto"
  on: 
    branch: master

Se hace uso del caracter "_" en vez de "-" en la seccion deploy

Naldo Duran

student•

👏

Wilkins Bernardo Brito Serrano

student•

Nunca, pero nunca programen con sueño, yo ayer cometí un pequeñísimo error y no fue hasta hoy que recién me di cuenta dónde estaba el problema de mi compilación. script: -yarn build Va sepradado del guión; - yarn build 😑😑😑😑😑😑

Martin DAVILA

student•

.travis.tml

lenguage: node_js
cache:
  directories:
    - node_modules
    - ~/.npm
node_js:
  - '12'
git:
  depth: 3
script:
  - yarn build
deploy:
  provider: pages
  skip-cleanup: true
  keep-history: true
  github-token: $GITHUB_TOKEN
  local-dir: dist/
  target-branch: gh-page
  commit-message: 'Deploy del proyecto'
  on:
    branch: master```

deploy:
  provider: pages
  skip_cleanup: true
  keep_history: true
  github_token: $GITHUB_TOKEN  # Set in the settings page of your repository, as a secure variable
  local_dir: dist/
  target_branch: gh-pages
  commit_message: &quot;Deploy de proyecto&quot;
  on:
    branch: master

language: node_js
cache: # información ya configurada para el proyecto
        directories:
                - node_modules
                - ~/.npm
node_js: #version
        - '12'
git: # número de versiones (git) a guardar
        depth: 3
script: #script a ejecutar
        - yarn build
deploy:
        provider: pages #github pages
# configuración del deploy:
        skip_cleanup: true
        keep_history: true
# creación de un token para la conexión
# entre Travis y GitHub:
        github_token: $GITHUB_TOKEN
# directorio resultante de la compilación:
# xej: /bodndel  /public ...etc
        local_dir: dist/
# rama de publicación (sitio) de GitHub:
        tarjet_branch: gh-pages
        commit_message: "Deploy del proyecto travis"
        on:
                branch: master

lenguage: node_js
cache:
  directories:
    - node_modules
    - ~/.npm
node_js:
  - '12'
git:
  depth: 3
script:
  - yarn build
deploy:
  provider: pages
  skip_cleanup: true
  keep_history: true
  github_token: $GITHUB_TOKEN
  local_dir: dist/
  target_branch: gh-page
  commit_message: 'Deploy del proyecto'
  on:
    branch: master

language: node_js

cache:
  directories:
    - node_modules
    - ~/.npm

node_js:
  - '12'

git:
  depth: 3

script:
  # la configuracion de travis tiene yarn
  - yarn build

deploy:
  provider: pages # github pages
  skip-clean: true
  keep-history: true
  github-token: $GITHUB_TOKEN
  local-dir: dist/
  target-branch: gh-pages
  commit_message: &quot;deploy on project&quot;
  on:
    branch: master

# por defecto yarn hace yarn install

language: node_js
cache: # información ya configurada para el proyecto
  directories:
    - node_modules
    - ~/.npm

node_js: #version
  - '12'
git: # número de versiones (git) a guardar
  depth: 3

script: #script a ejecutar
  - yarn build

deploy:
  provider: pages
  #github pages
# configuración del deploy:
  skip_cleanup: true
  keep_history: true
  # creación de un token para la conexión
# entre Travis y GitHub:
  github_token: $GITHUB_TOKEN
  # directorio resultante de la compilación:
# xej: /bundle  /public ...etc
  local_dir: dist/
  target_branch: gh-pages
  # rama de publicación (sitio) de GitHub:

  commit-message: "Deploy del proyecto"
  on:
    branch: master```

language: node_js
cache:
  directories:
    - node_modules
    - ~/.npm
node_js:
  - '12'

git:
  depth: 3

script:
  - yarn build
deploy:
  provider: pages
  skip-clean: true
  keep-history: true
  github-token: $GITHUB_TOKEN
  local-dir: dist/
  target-branch: gh-pages
  commit_message: "Deploy del proyecto"
  on:
    branch: master```

lenguage: node_js
cache:
  directories:
    - node_modules
    - ~/.npm
node_js:
  - '12'
git:
  depth: 3
script:
  - yarn build
deploy:
  provider: pages
  skip_cleanup: true
  keep_history: true
  github_token: $GITHUB_TOKEN
  local_dir: dist/
  target_branch: gh-page
  commit_message: 'Deploy del proyecto'
  on:
    branch: master

language: node_js

#archivos que viviran en cache
cache:
  directories:
    - node_modules
    - ~/.npm 

#version de node
node_js: 
  - '12'

#profundida a la que va a leer mi repositorio
git: 
  depth: 3

#estandar que tiene travis para trabajar
script: 
  - yarn build 


deploy: 
  provider: pages
  #se asegurará de que después de crear la carpeta que está intentando implementar, no se eliminará antes de que se implemente.
  skip_cleanup: true
  #asegurará que no se realice un empuje forzado.
  keep_history: true
  #permite conectarnos con nuestro repositorio y que travis desde sus servidores ueda acceder a nuestro repositorio
  #garantiza que la tarea de implementación tenga el privilegio suficiente para enviarla a las páginas de Github
  github_token: $GITHUB_TOKEN 
  #Establece el directorio resultante de la compilacion
  local_dir: dist/
  #la rama que nos dicta la documentacion de github pages que va a detectar como una rama que va a publicar nuestro sitio
  target_branch: gh-pages
  commit_message: "Deploy del proyecto"
  on: 
    branch: master

lenguage: node_js
cache:
  directories:
    - node_modules
    - ~/.npm
node_js:
  - '12'
git:
  depth: 3
script:
  - yarn build
deploy:
  provider: pages
  skip-cleanup: true
  keep-history: true
  github-token: $GITHUB_TOKEN
  local-dir: dist/
  target-branch: gh-page
  commit-message: 'Deploy del proyecto'
  on:
    branch: master```

Configuración de 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