Automatización de Despliegue con Travis CI y GitHub
Clase 14 de 16 • Curso de Single Page Application con JavaScript Vanilla
Contenido del curso
Clase 14 de 16 • Curso de Single Page Application con JavaScript Vanilla
Contenido del curso
Juan Esteban Galvis
Carlos Enrique Ramírez Flores
Sergio VO
Maria Jaramillo
Carlos Gerardo Pérez Horta
jorge llanque
David Flores
Damián Vigo
Angel leon
Arantxa Giovanna Rosas Del Valle
Jimmy Buriticá Londoño
Gonzalo Pimentel
Rubén Maier Enzler
Sergio Estrella
Richard Fernando Jiménez
Alejandro Daniel Oroncoy Almeyda
José Antonio Torres
Luis Ruiz Ramos
Mario Barceló Sospedra
Adalberto Zanabria Castro
Julio Gragirena
Juan Carlos Valencia López
Juan Carlos Valencia López
Luis Manuel Brito Romero
José Luis Ramírez Quiroz
Kevin Parra Lopez
David Antonio Garcia Saaib
Gabriel De Andrade
Carlos Enrique Ramírez Flores
Henry Alexander Velásquez Rosas
Henry Alexander Velásquez Rosas
Jose Ever Muñoz Muñoz
Maria Vivancos Garcia
Luis Alejandro Nieto Ruth
Gustavo Gonzalez Montero
Ya hay curso de travis CI: https://platzi.com/cursos/travis/
Gracias!
Genial :), gracias
language: node_js cache: directories: - ~/.npm node_js: - "12" git: depth: 3 script: - yarn build deploy: provider: pages edge: true skip-cleanup: true keep-history: true github-token: $GITHUB_TOKEN local-dir: dist/ target-branch: gh-pages commit_message: "Deploy Release" on: branch: master
Aquí esta la configuración, revisen bien el identado porque me trajo muchos problemas, pero ya pude hacer el deploy
Gracias por el dato
gracias por el aporte
El plugin para los iconos se llama Material Icon Theme
Excelente, gracias!
Bro, eres un sol nunca te apagues
quedó un typo en el archivo .travis.yml en target-brach debería ser target-branch.
Gracias, si no fuera por las ayudas de todos los compañeros, habría tenido muchos errores mi proyecto.
Reto cumplido!
Para logar el reto les comparto los comando que deben escribir en al consola en el directorio de su proyecto:
ya no se usa mas travis, ahora ser cool implica usar github actions jaja
Nuevo curso a la lista de pendientes: Travis
Muy bueno.
Me gusto mucho travis, justo hice el curso respectivo! Lo recomiendo mucho!
Puedes indicarnos el link del curso :) DM @josetorres_1
UPDATE 2021: Ahora la web de Travis CI está en un .com -> https://www.travis-ci.com/
Cuando entro a travis-ci org dice que ahora es travis-ci com, pero desde ahí dice que ya solo es gratuito por un periodo de prueba de 30 días... ¿Alguien sabe si aún hay una tipo community edition gratuita?
hola , alguien mas con este error , en mi entorno de desarrollo correo fino la SPA pero cuando lo intento subir a travis no puedo porque me da ese error
1.58s$ yarn build yarn run v1.15.2 $ webpack --mode production Hash: 0418b917ba8e161e720c Version: webpack 4.43.0 Time: 506ms Built at: 07/10/2020 12:42:51 PM 1 asset Entrypoint main = main.js [0] ./src/index.js + 7 modules 2.98 KiB {0} [built] | ./src/index.js 118 bytes [built] | ./src/routes/index.js 710 bytes [built] | ./src/templates/Header.js 413 bytes [built] | ./src/utils/getHash.js 181 bytes [built] | ./src/pages/Character.js 956 bytes [built] | ./src/pages/Error404.js 157 bytes [built] | ./src/utils/resolveRoutes.js 196 bytes [built] | ./src/utils/getData.js 322 bytes [built] ERROR in ./src/routes/index.js Module not found: Error: Can't resolve '../pages/Home.js' in '/home/travis/build/Juliogragirena/Spa/src/routes' @ ./src/routes/index.js 2:0-36 8:7-11 @ ./src/index.js Child HtmlWebpackCompiler: 1 asset Entrypoint HtmlWebpackPlugin_0 = __child-HtmlWebpackPlugin_0 [0] ./node_modules/html-webpack-plugin/lib/loader.js!./public/index.html 767 bytes {0} [built] error Command failed with exit code 2. info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command. The command "yarn build" exited with 2. cache.2 store build cache Done. Your build exited with 1.```
verifica bien el directorio de tus rutas
sorry, dice que el siguiente directorio no es encontró ../pages/Home.js. tal vez no lo estás referenciando bien
Mi profesor favorito...
Necesitaba los plugins jajajaja
travis.yml
language: node_js #establecer lenguaje cache: directories: - ~/.npm #ubicacion de nuestro directorio node_js: #version de node -"12" git: depth:3 #va leer hasta el tercer nivel script: - yarn build #comando a ejecutar nuestro proyecto deploy: provider: pages #donde va estar alojado edge:true #control de versiones skip-cleanup:true #estructura de compilaciones keep-history:true #historial github-token: $GITHUB_TOKEN #nuestro token generado local-dir: dist/ #directorio sobre el cual vamos a trabajar target-branch: gh-pages commit_message:"Deploy Release" #nombre al commint on: branch: master #sobre quien va actuar```
Si no sabes como sacar el simbolito de la Ñ, por descirlo de alguna manera...
presiona Alt + 126
Travis se puede usar para proyectos escalables o de frameworks para proyectos grandes? y habra alguna alternativa gratis?
Si, Travis está construido para ser altamente escalable y también tienen un plan gratuito si tienes un proyecto Open Source. De todas maneras si quieres una alternativa puedes checar GitLab, del cual tenemos un curso: Curso de DevOps con GitLab aunque ya sería hacer una solución custom :P
Gracias por la pregunta y la respuesta @Gabriel De Andrade me ayudo bastante!
## 14. Github Pages (vite + yarn)
Apuntes/notas/resumen
Travis??? No lo necesitas…
Crea un repositorio en GitHub, después enlázalo con tu repositorio local.
git remote add origin url-repo git remote -v \# En caso de haber creado un README u otro archivo remoto git pull origin master --allow-unrelated-histories --no-rebase git push origin master \# Instalar gh-pages yarn add gh-pages --dev \# También yarn add gh-pages
Una vez instalado gh-pages debes añadir lo siguiente al archivo package.json
{   "name": "spa-rick-morty",   "private": true,   "version": "0.0.0",   "type": "module",   "scripts": {   "dev": "vite",   "build": "vite build",   "preview": "vite preview",   "deploy": "gh-pages -d dist" 👈👀   },   "devDependencies": {   "vite": "^5.3.1"   },   "dependencies": { 👈👀   "gh-pages": "^6.1.1"   } }
También añade el **nombre del repositorio remoto** al archivo vite.config.js
// vite.config.js export default {   root: "src",   server: {   open: true,   },   build: {   outDir: "../dist",   },   base: "/spa-rick-morty/", 👈👀 };
Asegúrate de actualizar tu repositorio remoto:
git push origin master
Ahora puedes ejecutar
yarn build yarn deploy
- [gh-pages apuntes](https://github.com/aleroses/Platzi/blob/master/DW/1-basico/005-git-github/gh-pages.md)
- [Repo en GitHub](https://github.com/alevroses/spa-rick-morty)
- [Despliegue](https://alevroses.github.io/spa-rick-morty/)
- [Apuntes del curso](https://github.com/aleroses/Platzi/blob/master/DW/2-intermedio/023.SPA-js-vanilla/spa-js-vanilla.md)
Como los aportes toman un formato terrible, vean directamente los enlaces del final...
travis ya no es gratis :(
No uséis https://travis-ci.org/
Tenéis que usar https://travis-ci.com/
La .org la van a cerrar y no se pueden hacer Trigger Builds.
Apartir de unos meses se usa https://app.travis-ci.com/
Creando el Token en Githab