Descarga la aplicación para disfrutar aún más
Esta es una vista previa del archivo. Inicie sesión para ver el archivo original
1 00:00:05,810 --> 00:00:11,180 Actualmente tenemos la aplicación que la bajamos, no tenemos nada, pero vamos a revisar a Visual Studio 2 00:00:11,180 --> 00:00:14,360 Code y este comando lo vamos a volver a ejecutar. 3 00:00:14,600 --> 00:00:16,280 Nota que eso debería ser mucho más rápido. 4 00:00:16,280 --> 00:00:16,610 Por qué? 5 00:00:16,610 --> 00:00:22,190 Porque estas dependencias que tenemos aquí son propias de Linux y es exactamente lo mismo que este comando 6 00:00:22,190 --> 00:00:23,540 va a intentar ejecutar. 7 00:00:23,840 --> 00:00:28,190 Como van a notar, también ella apreció el Jean-Luc, porque este es el que está siendo utilizado por 8 00:00:28,190 --> 00:00:32,360 nuestro comando de Jean y de hecho teníamos un MP, un package low, que esto lo podemos borrar, no 9 00:00:32,360 --> 00:00:39,080 lo necesitamos y eso era parte del warning, pero esa parte del Janine Stoll y el jean está a punto 10 00:00:39,080 --> 00:00:41,900 de Debería suceder mucho más rápido ahora porque ya tenemos las dependencias. 11 00:00:41,900 --> 00:00:47,780 Es más, también apareció la carpeta de distribución que esto es prácticamente lo que se ejecuta del 12 00:00:47,780 --> 00:00:49,490 producto final de nuestra aplicación de Next. 13 00:00:50,480 --> 00:00:53,120 Entonces vamos a regresar nuevamente a la terminal. 14 00:00:54,080 --> 00:00:54,410 Ok? 15 00:00:54,530 --> 00:01:00,880 Y necesito que de nuevo nos encontremos en la carpeta de nuestro proyecto. 16 00:01:00,890 --> 00:01:07,040 Es decir, abrimos la carpeta de Next de Docker y la carpeta de Next Graph la dejamos caer aquí adentro. 17 00:01:07,340 --> 00:01:12,350 Presionamos Enter y recuerden de nuevo tiene que estar en esa carpeta o bien usar la terminal integrada 18 00:01:12,350 --> 00:01:14,510 divisor Studio Code, que ya los lleva a esa carpeta. 19 00:01:14,840 --> 00:01:16,250 Ejecutemos de nuevo el comando. 20 00:01:19,440 --> 00:01:19,770 Ok. 21 00:01:19,860 --> 00:01:22,890 Esto debería de funcionar mucho más rápido. 22 00:01:23,280 --> 00:01:23,760 Por qué? 23 00:01:23,970 --> 00:01:25,620 Porque ya tenemos las dependencias. 24 00:01:25,630 --> 00:01:30,210 Van a ver que ya dice que está iniciando la compilación de la aplicación en modo de observador. 25 00:01:30,570 --> 00:01:34,560 El modo observador, básicamente inglés, significa que cuando yo hago un cambio en el sistema, automáticamente 26 00:01:34,560 --> 00:01:35,340 se va a recargar. 27 00:01:36,030 --> 00:01:37,080 Ya dice que lo encontró. 28 00:01:37,080 --> 00:01:40,710 No hubo ningún error y ya está observando los cambios. 29 00:01:41,310 --> 00:01:43,840 Ok, regresemos de nuevo a el localhost. 30 00:01:43,920 --> 00:01:44,460 Recarguen. 31 00:01:44,910 --> 00:01:46,370 Vamos a ver que dice que no se encuentra nada. 32 00:01:46,380 --> 00:01:47,400 Eso es una buena señal. 33 00:01:47,540 --> 00:01:49,720 Luego voy a poner aquí Slash grave. 34 00:01:50,220 --> 00:01:51,050 Presiono Enter. 35 00:01:51,300 --> 00:01:52,050 Regreso aquí. 36 00:01:52,650 --> 00:01:53,580 Query your server. 37 00:01:55,330 --> 00:01:59,350 Teníamos nuestro query anterior, que era simplemente un objeto donde mandábamos helo enter. 38 00:01:59,500 --> 00:02:06,580 Puede presionar enter, escriban tu dos tab y aquí me interesa la descripción y el ID, por ejemplo. 39 00:02:06,760 --> 00:02:10,960 Escriban esto igual que yo, presionen enter y deberían de tener esta respuesta. 40 00:02:11,680 --> 00:02:13,750 Noten que dice piedra desde el contenedor. 41 00:02:13,810 --> 00:02:16,630 Ok, ya vamos a hacer este cambio aquí para que miren que interesante. 42 00:02:17,560 --> 00:02:17,830 Ok. 43 00:02:18,310 --> 00:02:21,340 Cuál va a ser la idea de probar si esto funciona? 44 00:02:21,490 --> 00:02:25,240 Voy a regresar a mi aplicación en Visual Studio Code. 45 00:02:25,540 --> 00:02:32,710 Recuerden, eso es localmente en mi file, en mi host y busquemos nuevamente donde dice Source Hello, 46 00:02:33,310 --> 00:02:33,540 hello. 47 00:02:33,580 --> 00:02:34,510 Resolver. 48 00:02:34,510 --> 00:02:36,400 Y aquí voy a poner Hola mundo. 49 00:02:36,790 --> 00:02:38,620 Menos desde mi. 50 00:02:38,890 --> 00:02:39,970 Desde mi equipo. 51 00:02:40,840 --> 00:02:41,800 Gánense los cambios. 52 00:02:41,800 --> 00:02:45,820 Regresen rápidamente a la terminal y van a ver que esto dice que detectó el nuevo cambio. 53 00:02:45,820 --> 00:02:49,540 Por eso se recargó y ya aplicó esas modificaciones. 54 00:02:49,550 --> 00:02:54,280 Voy a regresar a el navegador web donde tenía mi explicación y preste mucha atención aquí que dice Hola 55 00:02:54,280 --> 00:03:00,520 mundo control Enter y aquí tengo e Hola mundo desde mi equipo esto fue lo que yo hice ok, lo que yo 56 00:03:00,520 --> 00:03:06,430 acabo de hacer, pero de nuevo estoy corriendo la aplicación directamente desde nuestra terminal o desde 57 00:03:06,460 --> 00:03:13,660 la instancia de no 16 que yo descargué y monté en este punto, lo cual es sumamente interesante y genial. 58 00:03:13,900 --> 00:03:18,970 Yo puedo venir acá e irme a lo que es la parte del todo. 59 00:03:19,360 --> 00:03:20,980 Busquen donde dice tu service. 60 00:03:22,230 --> 00:03:24,400 Y en el tú servís al mero inicio del archivo. 61 00:03:24,420 --> 00:03:26,840 Bajemos un poco más y aquí dice piedra desde el contenedor. 62 00:03:26,850 --> 00:03:29,250 Vamos a cambiar esto y poner piedra. 63 00:03:29,290 --> 00:03:32,100 A ver alma, espacio, tiempo. 64 00:03:33,690 --> 00:03:35,580 A ver alma, espacio, poder, tiempo, realidad. 65 00:03:36,030 --> 00:03:37,230 Voy a grabar los cambios. 66 00:03:37,260 --> 00:03:39,690 Voy a revisar nuevamente a el navegador web. 67 00:03:39,690 --> 00:03:40,620 Vamos a ver que aquí se bajó. 68 00:03:40,620 --> 00:03:42,480 Va a tener un error porque se baja y se vuelve a subir. 69 00:03:42,750 --> 00:03:43,470 Control Enter. 70 00:03:43,470 --> 00:03:45,210 Y ahora aquí ya tenemos a la realidad. 71 00:03:45,390 --> 00:03:50,400 La verdad es que esto, aunque para más de uno parezca que es muy rápido, la verdad no es más rápido 72 00:03:50,400 --> 00:03:55,230 que hacerlo todo localmente y nuestro equipo, pero por lo menos estoy probándolo sin tener una máquina 73 00:03:55,260 --> 00:03:57,540 virtual de Linux corriendo en mi computadora. 74 00:03:57,540 --> 00:04:02,760 Aunque técnicamente lo que tengo acá es similar a una virtual, pero realmente no lo es hasta ese punto. 75 00:04:03,510 --> 00:04:03,780 Ok. 76 00:04:03,870 --> 00:04:05,820 Por ahora esto era lo que queríamos hacer. 77 00:04:05,820 --> 00:04:10,890 Ustedes pueden desarrollar, pueden hacer cambios, pueden hacer, jugar y deshacer cosas aquí, y van 78 00:04:10,890 --> 00:04:15,030 a ver que rápidamente nuestro contenedor obtiene sus cambios. 79 00:04:15,330 --> 00:04:20,790 Pero, pero, pero algo que me está pasando cuando yo estoy dejando la terminal así corriendo y yo presiono 80 00:04:20,790 --> 00:04:23,400 Control C, no me la está cancelando. 81 00:04:23,400 --> 00:04:28,680 O sea, no me lo está terminando, entonces no importa, yo voy a cancelarlo con, o sea, salirme de 82 00:04:28,680 --> 00:04:29,400 la terminal. 83 00:04:29,700 --> 00:04:31,500 Voy a abrir nuevamente otra terminal. 84 00:04:32,470 --> 00:04:36,440 Por eso, si quieren, háganlo conmigo, para que todos estemos exactamente igual en el mismo proceso, 85 00:04:37,070 --> 00:04:38,090 para que todos estemos igual. 86 00:04:38,300 --> 00:04:43,800 Docker container ls voy hacer el Docker container RM jefe para eliminarlo de a f3. 87 00:04:43,820 --> 00:04:45,380 Ustedes ya saben que es lo que estoy haciendo. 88 00:04:45,380 --> 00:04:47,350 Muchas veces no lo hacemos normalmente. 89 00:04:47,420 --> 00:04:52,970 La idea es que esto lo hagamos de manera mecánica, No, aquí se cayó, ya no teníamos esa comunicación. 90 00:04:52,980 --> 00:04:55,160 Si intento ejecutarlo ya no funciona. 91 00:04:55,760 --> 00:05:02,350 Hagamos un cd a la carpeta del proyecto, que es la que teníamos aquí Docker Craft Cruel. 92 00:05:03,410 --> 00:05:09,350 Presionamos Enter y ahora volvamos a ejecutar el comando de manera de control C. 93 00:05:09,710 --> 00:05:13,160 Veamos por aquí presionamos Enter y ahora está corriendo en el background. 94 00:05:13,580 --> 00:05:15,890 Si ustedes quieren pueden abrir Docker de esto. 95 00:05:16,820 --> 00:05:19,460 Ok, lo que es de esto van a hojear lo que ahí está corriendo. 96 00:05:19,790 --> 00:05:20,420 Perfecto. 97 00:05:20,420 --> 00:05:24,200 Pueden entrar a ver los logs aquí de nuevo, ver que todo está bien. 98 00:05:24,380 --> 00:05:29,510 Van a ver que ahí ya dice que está compilando los demás pasos, pero de nuevo para hacer esto mismo 99 00:05:29,510 --> 00:05:30,170 y esa revisión. 100 00:05:30,170 --> 00:05:39,650 Desde la terminal escribíamos lo siguiente Docker container logs menos F para que haga el fallo y 3A53A5. 101 00:05:39,650 --> 00:05:43,850 En mi caso presionen enter y aquí tenemos exactamente el mismo proceso, solo que aquí ya es más fácil 102 00:05:43,850 --> 00:05:48,860 cancelarlo porque no es que está corriendo el proceso en esta terminal. 103 00:05:48,860 --> 00:05:50,600 Simplemente estaba revisando los logs. 104 00:05:51,200 --> 00:05:55,700 Podemos regresar al navegador web, recargarlo, no hace falta recargarlo, simplemente volver a ejecutarlo 105 00:05:55,700 --> 00:05:57,230 y van a ver que aquí ya todo funciona. 106 00:05:57,800 --> 00:05:59,510 Por ahora lo vamos a dejar hasta este punto. 107 00:06:00,590 --> 00:06:05,750 En esta clase lo que nosotros hicimos fue fueron modificaciones locales en nuestro host y ver las reflejadas 108 00:06:05,750 --> 00:06:10,100 en el contenedor, pero digamos que algo está saliendo mal en el lado del contenedor. 109 00:06:10,640 --> 00:06:16,070 Qué tal si en la próxima clase nos metemos al contenedor mediante la terminal interactiva y hacemos 110 00:06:16,070 --> 00:06:17,530 modificaciones en nuestro código? 111 00:06:17,540 --> 00:06:21,620 Obviamente no va a ser la mejor experiencia, pero para que ustedes miren que se puede hacer y ustedes 112 00:06:21,620 --> 00:06:28,580 tienen acceso a toda esa instancia de nuestra terminal, en este caso serían para que puedan ejecutar 113 00:06:28,580 --> 00:06:31,160 Shell Commands y lo vamos a ver en el siguiente video.
Compartir