Mi repositorio personal de pruebas y testeos.
Recordatorios personales
1.- ¿Cómo subir un proyecto desde VSC a github?
1.1- ¿Vas a realizar un commit sobre unos archivos de un repositorio que ya usas?
1.1.1- Seleccionar esos archivos, dándole al más "+"
1.1.2- Escribir el mesaje del commit en la cajita y pulsar la palomita
1.1.3- Esperar a que se haya subido (revisar los iconos de las flechas abajo a la izquierda)
1.1.4- Una vez terminado, le das, aceptas y te vas a la página para comprobar los cambios
1.2- ¿Tienes un nuevo proyecto entre manos que quieres subir a un nuevo repositorio?
1.2.1- Crea ese nuevo repositorio con su README.md y asegúrate de copiar la url del mismo.
1.2.2- Abre una nueva ventana de VSC y dale a clonar repositorio.
1.2.3- Selecciona una carpeta donde guardar ese nuevo repo con el que vas a trabajar.
1.2.4- Asegúrate de seleccionar el repositorio y meter su nombre cuando te lo indique.
2.- Ten cuidado con:
2.1- Una vez abierto un proyecto con su repositorio configurado,
¡no lo uses para mandar otros archivos a otro repositorio!
Vete al paso 1.2 y sigue los pasos
2.2- Acuérdate de, al crear un proyecto, hacer doble carpeta. Esto significa que
la carpeta en la que creas el workspace es distinta de la que en la que trabajas y por tanto
subirás al github. WORKSPACE_FOLDER<GITHUB_FOLDER
3.- ¿Qué hacer en las clases con Pablo?
Todo lo que se haga en las clases de los J lo vas a subir a tu github, así que abre el vscode
en la carpeta de tu repositorio. Crea una carpeta, y dentro de ella ya puedes ponterte a codear.
4.- Pasos para subir código a HEROKU
4.1- Si es para crear un nuevo enlace de heroku:
4.1.1- Abre tu vscode en una nueva ventana, carga la carpeta en la que esté alojado localmente
tu repositorio
4.1.2- Haz los cambios que veas oportunos (commit, push, etc)
4.1.3- Abre el terminal y asegúrate de que estás en el directorio de la carpeta donde trabajas
con "ls"
4.1.4- Para montar una carpeta próxima en tu ruta usa "cd ./nombreCarpeta"
4.1.5- git init
4.1.6- git add .
4.1.7- git commit -m "mensaje a commitear"
4.1.8- heroku --version
4.1.9- heroku login y le das a "log in" en la pestaña del navegador
4.1.9.a- heroku create nombre
4.1.9.b- git remote -v para ver que está sincronizado tu código con heroku
4.1.9.c- git push --set-upstream heroku master
4.2 Si ya tienes hecha una app heroku y quieres subir cambios:
4.2.1- Abre tu vscode en una nueva ventana, carga la carpeta en la que esté alojado localmente
tu repo.
4.2.2- Haz los cambios que veas oportunos (commit, push, etc)
4.2.3- Abre el terminal y asegúrate de que estás en el directorio de la carpeta donde trabajas
con "ls"
4.2.4- Para montar una carpeta proxima en tu ruta usa "cd ./nombreCarpeta"
4.2.5- git init
4.2.6- git add .
4.2.7- git commit -m "mensaje a commitear"
4.2.8- heroku --version
4.2.9- heroku login y le das a "log in" en la pestaña del navegador
4.2.9.a- git remote -v para ver que está sincronizado tu código con heroku
4.2.9.b- git push heroku master
5.- Errores al subir cosas a Heroku:
-
Al hacer el push final me salta el error clásico, intenta hacer el push "forzado" con -f
-
Application Error en Heroku: algo falta en el package.json al probar heroku logs --tail
6.- Links interesantes:
- Configuración remota de un git con VSC
- Como borrar el último commit, cuidado, borra el fichero!
- Para ver todas tus apps y borrarlas si necesitas (solo 4!)
- Agregar imágenes al readme
- Cambiar, borrar o introducir un heroku si no te aparece al hacer git remove -v
- Tests hechos en el l07 en POSTMAN (mío personal)
7.- Comandos útiles
npm init -y (te crea el package.json con todo por defecto)
touch index.js (te crea un js vacío)
npm install express body-parser (instalar módulos)
node index (te lanza el archivo index)
npx newman (te permite ejecutar el paquete newman sin instalarlo)
npx newman run rutaDondeEstaElintegration.json (lanzar los tests desde la consola de vscode)
8.- Miscelánea:
2 formas de escribir los mismo:
console.log(`Server ready at ${PORT}!`); <---Solo la exclamación al final
console.log("Server ready in port" + PORT);
console.log(`new contact to be added: <${JSON.stringify(newContact,null,2)}>`); <--- Entre <>
console.log("new contact added :" + JSON.stringify(newContact,null,2));
Para meter un objeto nuevo dentro de una array, hay que seleccionar POST y mandar la petición
dentro del "body" + "raw" + "JSON" en postman
9.- Sobre la práctica l07
9.1- Crear todo lo pertinente con Postman y exportar la colección (toda la colección se exportará)
cuidado con eso. Mejor hacer todas tus pruebas en una nueva y ya exportar el -json
9.2- Crear una carpeta en vscode donde vas a meter el .json de postman
9.3- De mientras, siempre puedes ver tu colección de postman al darle a "Publish" y en el browser
establecer todo como lo quieras y mandarlo. Quédate esa url publicada.
9.4- De vuelta en vscode, divide la terminal en 2. Una para ver el server conectado y lo que le pase;
y otra para lanzar en consola la coleccion en .json que has integrado en el 9.2
9.5- Crear un github pelao (sin readme ni nada). Ahí es donde vas a volcar todo lo que llevas, por lo
que necesitas una nueva carpeta y una nueva ventana del vscode dedicada a ello.
9.6 Hora de lanzar el github actions en el repo. Para ello simplemente clona el repo en el nuevo vscode
(y nueva folder obvio) y mete todo el codigo. Crea también el ci.yaml con todas las especificaciones
9.7- Asegurarse de que funciona el github actions cuando haces un push y pasa todo correctamente.
9.8- Ahora hay que lanzar todo esto en el heroku. Para ello, crea una nueva app con el name que quieras
9.9- En el apartado de "Deploy", linkea tu cuenta de Github e introduce el repo donde está todo esto.
Marca de paso la opción "Wait for CI to pass before deploy" para que solo suba las cosas a la app que
has hecho en caso de que se haya corrido correctamente en el Github Actions!
9.10- Pincha en los deploys automáticos y listo. Recarga la url de la app de Heroku para ver los cambios.