1 00:00:01,160 --> 00:00:03,510 ‫Instructor: Refactoricemos ahora por completo nuestra aplicación 2 00:00:03,510 --> 00:00:05,710 ‫que tenemos hasta ahora, y creemos 3 00:00:05,710 --> 00:00:07,520 ‫muchos archivos nuevos y 4 00:00:07,520 --> 00:00:09,623 ‫una estructura de archivos completamente nueva. 5 00:00:11,130 --> 00:00:13,063 ‫Así que recuerde del último 6 00:00:13,063 --> 00:00:15,470 ‫video que queríamos separar nuestros enrutadores en 7 00:00:15,470 --> 00:00:16,570 ‫diferentes archivos. 8 00:00:16,570 --> 00:00:19,520 ‫Y ese será el primer paso que haremos aquí. 9 00:00:20,550 --> 00:00:23,843 ‫Así que voy a crear una nueva carpeta 10 00:00:26,630 --> 00:00:30,960 ‫llamada Rutas ahora, y luego tendré una carpeta para las rutas turísticas. js, y luego las rutas del usuario. js también. 11 00:00:34,117 --> 00:00:37,203 ‫De acuerdo, y esta será la primera vez que realmente 12 00:00:39,777 --> 00:00:41,800 ‫trabajaremos con diferentes módulos, de acuerdo, 13 00:00:41,800 --> 00:00:44,520 ‫y realmente los usaremos de una manera muy significativa. 14 00:00:44,520 --> 00:00:48,070 ‫Entonces, comencemos con el enrutador de gira. 15 00:00:48,070 --> 00:00:51,783 ‫Cópielo aquí, luego tome este enrutador 16 00:00:53,290 --> 00:00:56,693 ‫turístico aquí y colóquelo aquí. 17 00:01:00,300 --> 00:01:05,293 ‫Entonces, lo siguiente que necesitamos realmente es Express aquí, porque estamos usando 18 00:01:07,500 --> 00:01:08,593 ‫esa variable, 19 00:01:10,190 --> 00:01:13,640 ‫por lo que necesitamos importar el módulo Express. 20 00:01:13,640 --> 00:01:15,380 ‫Así 21 00:01:15,380 --> 00:01:18,893 ‫que exprese, requiera expreso. 22 00:01:22,190 --> 00:01:23,303 ‫De acuerdo, es una 23 00:01:26,780 --> 00:01:29,010 ‫especie de convención simplemente llamar a este enrutador, y no tourRouter. 24 00:01:29,010 --> 00:01:33,550 ‫Entonces, enrutador, y ahora exportaremos el enrutador y luego lo importaremos a nuestra aplicación 25 00:01:33,550 --> 00:01:34,940 ‫principal, ¿de acuerdo? 26 00:01:36,110 --> 00:01:39,880 ‫Entonces, ¿recuerdas cómo lo hacemos cuando solo 27 00:01:39,880 --> 00:01:43,423 ‫tenemos una cosa para exportar? 28 00:01:45,110 --> 00:01:47,170 ‫Bueno, usamos module. exportaciones, y luego 29 00:01:47,170 --> 00:01:49,860 ‫coloque el enrutador allí. 30 00:01:49,860 --> 00:01:52,870 ‫Guárdelo y, por supuesto, 31 00:01:52,870 --> 00:01:56,053 ‫todavía recibimos algunos errores, pero eso se debe a que el 32 00:01:57,430 --> 00:02:00,810 ‫enrutador de recorrido no está definido en nuestro archivo de aplicación principal. 33 00:02:00,810 --> 00:02:02,210 ‫Bien, también lo que 34 00:02:02,210 --> 00:02:05,313 ‫no está definido en este archivo son todas estas funciones aquí. 35 00:02:06,290 --> 00:02:09,510 ‫Bien, obtengámoslos rápidamente y pongámoslos en 36 00:02:09,510 --> 00:02:12,060 ‫el archivo del enrutador. 37 00:02:12,060 --> 00:02:14,830 ‫Al menos por ahora, luego crearemos un 38 00:02:14,830 --> 00:02:17,100 ‫nuevo archivo para eso también. 39 00:02:17,100 --> 00:02:19,700 ‫Entonces comienza aquí. 40 00:02:19,700 --> 00:02:22,270 ‫Cuidado, no copiar todo. 41 00:02:22,270 --> 00:02:24,123 ‫Sí, así como así. 42 00:02:26,010 --> 00:02:27,803 ‫Y de hecho, los pondré antes de las rutas. 43 00:02:31,500 --> 00:02:33,633 ‫Dale una oportunidad. 44 00:02:36,250 --> 00:02:39,213 ‫Y eso debería funcionar ahora. 45 00:02:41,820 --> 00:02:42,703 ‫Y ahora haz lo mismo para el usuario. 46 00:02:43,930 --> 00:02:45,330 ‫Así que consigue el enrutador. 47 00:02:46,910 --> 00:02:49,453 ‫Y no se preocupe por todos estos errores que estamos recibiendo. 48 00:02:53,390 --> 00:02:55,033 ‫Nuevamente, eso es solo 49 00:02:56,860 --> 00:02:59,560 ‫porque nos faltan algunas variables en algunos lugares. 50 00:02:59,560 --> 00:03:01,770 ‫Entonces, nuevamente, expresamos aquí, luego llamamos a 51 00:03:01,770 --> 00:03:03,270 ‫esto aquí simplemente 52 00:03:04,640 --> 00:03:06,363 ‫enrutador, y luego lo exportamos. 53 00:03:12,250 --> 00:03:14,253 ‫De acuerdo, y ahora también estoy recibiendo a los controladores. 54 00:03:16,720 --> 00:03:17,820 ‫Bien, podemos deshacernos de estos controladores de ruta ahora. 55 00:03:27,150 --> 00:03:30,673 ‫De acuerdo, y en realidad este aquí falta en nuestras 56 00:03:39,620 --> 00:03:43,710 ‫rutas de viaje, por lo que este fragmento de código en 57 00:03:43,710 --> 00:03:46,340 ‫el que realmente leemos los recorridos desde 58 00:03:46,340 --> 00:03:47,940 ‫el archivo JSON. 59 00:03:47,940 --> 00:03:51,240 ‫Así que pon eso en la parte superior aquí. 60 00:03:51,240 --> 00:03:53,063 ‫Y ahora, finalmente, necesitamos importar el enrutador 61 00:03:56,479 --> 00:03:58,179 ‫de recorrido y el enrutador 62 00:03:59,410 --> 00:04:01,610 ‫de usuario para que estas rutas continúen funcionando. 63 00:04:01,610 --> 00:04:04,290 ‫Está bien, pero eso debería ser bastante fácil, así que hagámoslo. 64 00:04:04,290 --> 00:04:06,833 ‫Entonces, con el enrutador 65 00:04:07,830 --> 00:04:11,593 ‫de recorrido, está en require, routes / 66 00:04:16,298 --> 00:04:17,498 ‫tourRoutes. 67 00:04:19,200 --> 00:04:20,683 ‫Está bien, y no necesitamos el 68 00:04:23,260 --> 00:04:24,953 ‫JS, y luego lo mismo para el userRouter. 69 00:04:27,890 --> 00:04:31,510 ‫Entonces tourRoutes en realidad está aquí, el userRoutes. 70 00:04:31,510 --> 00:04:34,280 ‫Ahora puede que te preguntes por qué llamé 71 00:04:37,341 --> 00:04:41,258 ‫a las variables userRoute, pero luego el archivo es userRoutes, y 72 00:04:43,140 --> 00:04:45,260 ‫bueno, eso es porque esta carpeta 73 00:04:45,260 --> 00:04:47,410 ‫aquí se llama rutas, y ahí 74 00:04:47,410 --> 00:04:49,380 ‫tenemos las tourRoutes y userRoutes. 75 00:04:49,380 --> 00:04:52,400 ‫De acuerdo, pero lo que realmente exportamos 76 00:04:52,400 --> 00:04:55,780 ‫de ese archivo es simplemente el enrutador, ¿de acuerdo? 77 00:04:55,780 --> 00:04:58,650 ‫Pero creo que tiene más sentido llamar 78 00:04:58,650 --> 00:05:01,130 ‫a esta carpeta aquí Rutas. 79 00:05:01,130 --> 00:05:02,680 ‫Bien, y por 80 00:05:02,680 --> 00:05:05,890 ‫eso tenemos esta pequeña diferencia entre rutas y enrutador. 81 00:05:05,890 --> 00:05:08,010 ‫Ahora todavía recibimos algún error aquí, por lo 82 00:05:08,010 --> 00:05:10,410 ‫que fs no está definido, así que tomemos 83 00:05:10,410 --> 00:05:12,490 ‫eso, y en realidad no lo 84 00:05:12,490 --> 00:05:15,200 ‫necesitamos aquí, así que pongámoslo en las rutas turísticas aquí. 85 00:05:15,200 --> 00:05:18,150 ‫Recibimos otro error. 86 00:05:18,150 --> 00:05:23,023 ‫Y esta vez, porque esta carpeta aquí ahora no está definida, porque nuestro nombre de 87 00:05:24,730 --> 00:05:26,450 ‫directorio es ahora las rutas. 88 00:05:26,450 --> 00:05:30,440 ‫Así que tenemos que salir de eso. 89 00:05:30,440 --> 00:05:34,120 ‫Así que suba una carpeta y, luego, entre 90 00:05:34,120 --> 00:05:36,430 ‫en dev-data, data y tour-simple. 91 00:05:36,430 --> 00:05:39,090 ‫Ahora no se preocupe por recibir todos estos errores. 92 00:05:39,090 --> 00:05:42,130 ‫Eso es algo normal cuando estamos haciendo toda esta refactorización 93 00:05:42,130 --> 00:05:44,320 ‫porque estamos cambiando cosas por todas 94 00:05:44,320 --> 00:05:47,850 ‫partes, por lo que es normal que las cosas se rompan. 95 00:05:47,850 --> 00:05:49,890 ‫De todos modos, ahora ha vuelto 96 00:05:49,890 --> 00:05:52,163 ‫a funcionar, por lo que ahora estamos en 97 00:05:53,270 --> 00:05:56,010 ‫el lugar donde podemos volver a probar nuestras rutas aquí. 98 00:05:56,010 --> 00:05:58,820 ‫Y de hecho, funciona. 99 00:05:58,820 --> 00:06:00,763 ‫Lo mismo para los usuarios, supongamos. 100 00:06:02,150 --> 00:06:04,490 ‫Y entonces todo es correcto. 101 00:06:04,490 --> 00:06:06,910 ‫Así que ahora tenemos nuestros enrutadores, 102 00:06:06,910 --> 00:06:10,000 ‫cada uno en un archivo diferente, y podemos 103 00:06:10,000 --> 00:06:13,760 ‫decir que cada uno de ellos es una pequeña sub-aplicación. 104 00:06:13,760 --> 00:06:15,540 ‫Así que una aplicación de viaje y una aplicación de usuario. 105 00:06:15,540 --> 00:06:17,970 ‫Y luego juntamos todo en nuestro 106 00:06:17,970 --> 00:06:21,120 ‫archivo de aplicación global importando estos enrutadores y 107 00:06:21,120 --> 00:06:24,290 ‫luego montando los enrutadores en las dos rutas 108 00:06:24,290 --> 00:06:26,200 ‫diferentes que hemos implementado 109 00:06:26,200 --> 00:06:28,050 ‫actualmente, ¿de acuerdo? 110 00:06:28,050 --> 00:06:29,720 ‫Nuevamente, aquí es donde montamos nuestros enrutadores. 111 00:06:29,720 --> 00:06:32,550 ‫Y sé que este concepto puede ser 112 00:06:32,550 --> 00:06:36,020 ‫un poco difícil de comprender, pero no se preocupe 113 00:06:36,020 --> 00:06:37,360 ‫por eso. 114 00:06:37,360 --> 00:06:39,710 ‫Cuanto más tiempo sigas trabajando en este proyecto 115 00:06:39,710 --> 00:06:40,910 ‫y más código 116 00:06:40,910 --> 00:06:43,230 ‫sigas escribiendo, más claro se volverá todo automáticamente. 117 00:06:43,230 --> 00:06:45,000 ‫Por ahora, lo más importante 118 00:06:45,000 --> 00:06:48,260 ‫a tener en cuenta es que creamos estos enrutadores diferentes para 119 00:06:48,260 --> 00:06:50,640 ‫cada uno de los recursos para tener una 120 00:06:50,640 --> 00:06:53,020 ‫buena separación de preocupaciones entre estos recursos. 121 00:06:53,020 --> 00:06:55,390 ‫Básicamente, crear una pequeña aplicación para 122 00:06:55,390 --> 00:06:58,910 ‫cada uno de ellos y luego juntar todo en 123 00:06:58,910 --> 00:07:02,750 ‫un archivo de aplicación principal, que por supuesto es este. 124 00:07:02,750 --> 00:07:06,720 ‫Entonces esta aplicación. js que tenemos aquí se usa principalmente para 125 00:07:06,720 --> 00:07:08,640 ‫declaraciones de middleware. 126 00:07:08,640 --> 00:07:11,060 ‫Entonces tenemos todo 127 00:07:11,060 --> 00:07:14,490 ‫nuestro middleware que queremos aplicar a todas las rutas. 128 00:07:14,490 --> 00:07:15,900 ‫Entonces, en este caso, tenemos estos cuatro middlewares aquí. 129 00:07:15,900 --> 00:07:18,630 ‫Entonces uno, dos, tres, cuatro. 130 00:07:18,630 --> 00:07:21,610 ‫Estos middlewares, queremos aplicarlos para todas 131 00:07:21,610 --> 00:07:23,240 ‫las rutas 132 00:07:23,240 --> 00:07:27,240 ‫y luego para esta ruta, queremos aplicar el 133 00:07:27,240 --> 00:07:29,050 ‫middleware tourRouter, y para 134 00:07:29,050 --> 00:07:32,576 ‫esta ruta, queremos aplicar el middleware userRouter. 135 00:07:32,576 --> 00:07:34,160 ‫De acuerdo, nuevamente, estos dos enrutadores 136 00:07:34,160 --> 00:07:36,430 ‫son en realidad middleware, por lo que podemos usar la aplicación. utilizar para montarlos. 137 00:07:36,430 --> 00:07:40,440 ‫Bien, y dicho esto, vayamos un paso más 138 00:07:40,440 --> 00:07:45,010 ‫allá y eliminemos estos controladores 139 00:07:45,010 --> 00:07:46,740 ‫de ruta 140 00:07:46,740 --> 00:07:48,820 ‫del archivo de rutas. 141 00:07:48,820 --> 00:07:52,100 ‫Bien, entonces creemos de nuevo una nueva carpeta aquí, y esta 142 00:07:52,100 --> 00:07:53,890 ‫se llamará controladores, ¿de acuerdo? 143 00:07:53,890 --> 00:07:57,870 ‫Así que los he estado llamando controladores de ruta, por 144 00:07:57,870 --> 00:08:01,500 ‫lo que tendría sentido crear una carpeta de controladores. 145 00:08:01,500 --> 00:08:03,810 ‫Pero más adelante en este curso, comenzaremos 146 00:08:03,810 --> 00:08:07,270 ‫a usar una arquitectura de software llamada Model View Controller, 147 00:08:07,270 --> 00:08:08,350 ‫y en 148 00:08:08,350 --> 00:08:10,610 ‫esa arquitectura, estas funciones de controlador 149 00:08:10,610 --> 00:08:12,820 ‫aquí en realidad se llaman controladores. 150 00:08:12,820 --> 00:08:15,720 ‫Y es por eso que voy a llamar a la carpeta, 151 00:08:15,720 --> 00:08:17,750 ‫y también a los archivos allí, controladores. 152 00:08:17,750 --> 00:08:20,860 ‫Así que ahora creemos el tourController. js y 153 00:08:20,860 --> 00:08:23,433 ‫userController. js. 154 00:08:24,510 --> 00:08:28,893 ‫De acuerdo, y esto tendrá un poco más de 155 00:08:31,800 --> 00:08:33,743 ‫sentido una vez 156 00:08:36,610 --> 00:08:39,130 ‫que lleguemos a la parte del curso en la que 157 00:08:39,130 --> 00:08:41,590 ‫realmente hablamos sobre el patrón MVC o Model View Controller. 158 00:08:41,590 --> 00:08:44,160 ‫Muy bien, ahora tomemos este código y 159 00:08:44,160 --> 00:08:45,913 ‫coloquemos estos controladores en 160 00:08:46,930 --> 00:08:50,563 ‫la carpeta del controlador, o en el archivo en realidad. 161 00:08:53,070 --> 00:08:56,820 ‫Entonces todo este código. 162 00:08:56,820 --> 00:08:57,983 ‫Es el TourController, sí, ese es el indicado. 163 00:08:59,050 --> 00:09:00,543 ‫Además, necesitamos este 164 00:09:02,660 --> 00:09:05,660 ‫módulo FS aquí, obviamente en la parte superior. 165 00:09:05,660 --> 00:09:09,600 ‫Y aquí vamos. 166 00:09:09,600 --> 00:09:10,913 ‫Ahora, queremos exportar todas estas funciones desde este 167 00:09:12,624 --> 00:09:13,457 ‫módulo, entonces, ¿cómo lo hacemos? 168 00:09:13,457 --> 00:09:16,730 ‫Bueno, en este caso no solo tenemos una exportación, 169 00:09:16,730 --> 00:09:19,340 ‫por lo que no usaremos el módulo. exportar, pero en su lugar colocaremos 170 00:09:19,340 --> 00:09:22,680 ‫todas estas funciones en el objeto de exportación, 171 00:09:22,680 --> 00:09:24,970 ‫¿de acuerdo? 172 00:09:24,970 --> 00:09:27,740 ‫Permítanme seleccionar todas 173 00:09:27,740 --> 00:09:31,070 ‫estas consts para poder 174 00:09:31,070 --> 00:09:34,453 ‫reemplazarlas todas al mismo tiempo. 175 00:09:36,897 --> 00:09:40,340 ‫Entonces exporta. deleteTour y. updateTour, createTour, getTour y 176 00:09:40,340 --> 00:09:42,040 ‫getAllTours. 177 00:09:46,360 --> 00:09:51,360 ‫Bien, entonces eso exporta todo de este archivo. 178 00:09:51,360 --> 00:09:53,173 ‫Y ahora, 179 00:09:54,840 --> 00:09:59,480 ‫vayamos a tourRoutes y simplemente importémoslos. 180 00:09:59,480 --> 00:10:02,470 ‫Entonces const, tourController, equals requieren. 181 00:10:02,470 --> 00:10:03,960 ‫Bien, ahora estamos en la carpeta de rutas aquí, ¿verdad? 182 00:10:03,960 --> 00:10:08,960 ‫Así que tenemos que subir un nivel y 183 00:10:13,770 --> 00:10:18,360 ‫luego ir a los controladores y luego 184 00:10:18,360 --> 00:10:20,273 ‫al tourController. js. 185 00:10:21,580 --> 00:10:23,853 ‫Está bien, esto no es correcto y está bien. 186 00:10:25,140 --> 00:10:28,333 ‫Ahora, recuerde eso 187 00:10:30,290 --> 00:10:35,290 ‫cuando exportamos datos de un archivo usando el objeto de exportación. 188 00:10:35,290 --> 00:10:38,310 ‫Así como lo hicimos aquí. 189 00:10:38,310 --> 00:10:40,810 ‫Cuando luego importamos todo en un objeto, 190 00:10:40,810 --> 00:10:42,840 ‫todos los datos que estaban 191 00:10:42,840 --> 00:10:45,410 ‫en las exportaciones ahora estarán en tourController. 192 00:10:45,410 --> 00:10:48,170 ‫Y así tendremos tourController. getAllTours. createTours. getTour, y realmente, todos 193 00:10:48,170 --> 00:10:50,310 ‫estos, ¿de acuerdo? 194 00:10:50,310 --> 00:10:54,289 ‫Entonces este objeto aquí será el equivalente a 195 00:10:54,289 --> 00:10:56,830 ‫las exportaciones que tenemos aquí. 196 00:10:56,830 --> 00:10:59,520 ‫¿Recuérdalo? 197 00:10:59,520 --> 00:11:02,440 ‫Entonces, es realmente simple. 198 00:11:02,440 --> 00:11:05,500 ‫Todo lo que tengo que hacer ahora es 199 00:11:05,500 --> 00:11:06,760 ‫crear tourController. , y eso es. 200 00:11:06,760 --> 00:11:08,420 ‫Ahora también podría haber 201 00:11:08,420 --> 00:11:10,860 ‫usado la estructuración, que también les mostré antes. 202 00:11:12,266 --> 00:11:17,266 ‫Entonces, solo para demostrar, podría haberlo usado 203 00:11:17,290 --> 00:11:19,810 ‫así, y luego haber especificado exactamente los mismos 204 00:11:19,810 --> 00:11:21,483 ‫nombres que tenemos aquí. 205 00:11:22,930 --> 00:11:24,830 ‫Así que getAllTours, y luego createTour, 206 00:11:24,830 --> 00:11:26,680 ‫y todos estos, y 207 00:11:26,680 --> 00:11:31,220 ‫luego podría haberlos usado directamente aquí sin tener que escribir tourController y dot. 208 00:11:31,220 --> 00:11:36,220 ‫Está bien, pero en realidad me gusta así, y no veo ningún 209 00:11:36,800 --> 00:11:38,570 ‫problema en tenerlo así. 210 00:11:38,570 --> 00:11:42,160 ‫Por lo tanto, hace que sea muy visible 211 00:11:42,160 --> 00:11:44,370 ‫que todas estas funciones 212 00:11:44,370 --> 00:11:47,560 ‫aquí realmente provienen de este módulo tourController. 213 00:11:47,560 --> 00:11:49,410 ‫Bien, lo guardé ahora, y debería 214 00:11:49,410 --> 00:11:52,340 ‫seguir funcionando, así que probemos eso, y sí, lo hace. 215 00:11:52,340 --> 00:11:54,193 ‫Entonces, eso está funcionando ahora. 216 00:11:55,620 --> 00:12:00,620 ‫De hecho, vamos a cerrarlo, y ahora lo mismo, ¿dónde está? 217 00:12:00,940 --> 00:12:03,493 ‫Ah, aquí. 218 00:12:06,486 --> 00:12:08,410 ‫Ahora lo mismo por supuesto con estas funciones. 219 00:12:08,410 --> 00:12:13,410 ‫Ponlos aquí y luego exporta todos estos 220 00:12:13,850 --> 00:12:14,683 ‫tipos. 221 00:12:15,960 --> 00:12:18,243 ‫Entonces exporta. 222 00:12:19,730 --> 00:12:20,713 ‫Sí, eso es correcto. 223 00:12:23,960 --> 00:12:26,423 ‫Ahora aquí, acabamos de importar el módulo, y al igual que antes, 224 00:12:30,490 --> 00:12:31,463 ‫necesitamos subir un nivel. 225 00:12:33,540 --> 00:12:36,070 ‫Entramos en controladores y userController. 226 00:12:36,070 --> 00:12:39,103 ‫Ahora, finalmente, solo agrega eso aquí. 227 00:12:46,180 --> 00:12:49,163 ‫Salvarlo y probarlo también para este tipo. 228 00:12:50,290 --> 00:12:54,763 ‫Y de hecho, funciona. 229 00:12:55,610 --> 00:12:57,963 ‫Así que todo lo que hicimos aquí fue correcto. 230 00:13:00,920 --> 00:13:05,760 ‫Así que ahora estamos empezando a tener un montón de archivos, por 231 00:13:05,760 --> 00:13:07,860 ‫lo que es importante 232 00:13:07,860 --> 00:13:11,020 ‫familiarizarse realmente, dónde se encuentran exactamente todas las 233 00:13:11,020 --> 00:13:13,810 ‫diferentes partes de la aplicación, ¿de acuerdo? 234 00:13:13,810 --> 00:13:16,230 ‫Entonces, solo para recapitular, el flujo es así. 235 00:13:16,230 --> 00:13:18,060 ‫Comenzamos a recibir la solicitud en la aplicación. js archivo, ¿verdad? 236 00:13:18,060 --> 00:13:21,900 ‫Entonces, dependiendo de la ruta, ingresará a uno de los enrutadores, 237 00:13:21,900 --> 00:13:25,110 ‫por lo que digamos el enrutador de recorrido, y 238 00:13:25,110 --> 00:13:29,840 ‫luego, dependiendo, nuevamente, de esa ruta 239 00:13:29,840 --> 00:13:31,540 ‫y de la 240 00:13:31,540 --> 00:13:34,870 ‫solicitud, ejecutará uno de estos controladores aquí, por lo 241 00:13:34,870 --> 00:13:37,470 ‫que estos están en los archivos tourController. 242 00:13:37,470 --> 00:13:40,620 ‫Y ahí es donde finalmente se envía la respuesta 243 00:13:40,620 --> 00:13:42,750 ‫y finaliza el ciclo de solicitud-respuesta. 244 00:13:42,750 --> 00:13:46,280 ‫Bien, ahora tenemos tres archivos, en lugar de 245 00:13:46,280 --> 00:13:49,340 ‫tener todo en un solo archivo. 246 00:13:49,340 --> 00:13:52,113 ‫Muy bien, pero ese todavía no es el final de la 247 00:13:53,000 --> 00:13:55,120 ‫historia, porque estoy agregando un paso más aquí. 248 00:13:55,120 --> 00:13:57,950 ‫Entonces, lo que voy a hacer es crear un servidor. js archivo también. 249 00:13:57,950 --> 00:14:01,090 ‫Entonces servidor. js. 250 00:14:01,090 --> 00:14:03,070 ‫¿Y por qué estoy haciendo eso? 251 00:14:03,070 --> 00:14:07,403 ‫Bueno, simplemente porque es una buena práctica tener 252 00:14:09,840 --> 00:14:11,850 ‫todo lo relacionado 253 00:14:11,850 --> 00:14:14,090 ‫con Express en un archivo y luego todo 254 00:14:14,090 --> 00:14:16,620 ‫lo relacionado con el servidor en otro archivo principal. 255 00:14:16,620 --> 00:14:21,000 ‫Entonces, comenzando ahora, servidor. js será en realidad nuestro archivo de inicio donde 256 00:14:21,000 --> 00:14:23,960 ‫todo comienza, y está ahí cuando escuchamos 257 00:14:23,960 --> 00:14:25,910 ‫a nuestro servidor. 258 00:14:25,910 --> 00:14:29,800 ‫Así que sigamos adelante y copiemos, 259 00:14:29,800 --> 00:14:32,460 ‫o cortemos, esta parte desde aquí, y muévala al servidor. 260 00:14:32,460 --> 00:14:35,163 ‫Ahora, por supuesto, este módulo 261 00:14:36,250 --> 00:14:40,360 ‫aquí no conoce la aplicación, por lo que debemos importarla. 262 00:14:40,360 --> 00:14:43,533 ‫Y para importarlo, primero debemos exportarlo. 263 00:14:44,400 --> 00:14:47,970 ‫Entonces usamos module. exportaciones, y exportamos nuestra aplicación desde 264 00:14:47,970 --> 00:14:49,480 ‫este archivo. 265 00:14:49,480 --> 00:14:52,223 ‫Bien, y ahora tenemos todo lo 266 00:14:53,290 --> 00:14:56,800 ‫que es básicamente 267 00:14:56,800 --> 00:15:00,530 ‫la configuración de la aplicación en un archivo independiente. 268 00:15:00,530 --> 00:15:02,700 ‫Bien, de vuelta en el servidor, ahora importémoslo. 269 00:15:02,700 --> 00:15:05,540 ‫Requerir, y dado que es nuestro propio 270 00:15:05,540 --> 00:15:07,193 ‫módulo, necesitamos usar esto. / para 271 00:15:08,080 --> 00:15:12,603 ‫decir que estamos en la carpeta 272 00:15:16,210 --> 00:15:20,600 ‫actual, y aquí está simplemente aplicación. 273 00:15:20,600 --> 00:15:23,590 ‫Tan simple como eso. 274 00:15:23,590 --> 00:15:25,323 ‫Y más adelante tendremos otras cosas en este 275 00:15:26,210 --> 00:15:28,310 ‫archivo que no están relacionadas con Express, pero que 276 00:15:28,310 --> 00:15:29,870 ‫aún están relacionadas con nuestra aplicación. 277 00:15:29,870 --> 00:15:31,900 ‫Así que cosas como configuraciones de bases 278 00:15:31,900 --> 00:15:34,780 ‫de datos, o algunas cosas de manejo de errores, o variables 279 00:15:34,780 --> 00:15:37,130 ‫de entorno, todas esas cosas vivirán en este servidor. js, que es nuestro 280 00:15:37,130 --> 00:15:39,590 ‫punto de entrada, ¿de acuerdo? 281 00:15:39,590 --> 00:15:43,350 ‫Así que ahora terminemos el proceso que tenemos aquí, porque ahora ya 282 00:15:43,350 --> 00:15:46,490 ‫no ejecutamos la aplicación nodemon. js, pero 283 00:15:46,490 --> 00:15:49,670 ‫en su lugar, necesitamos ejecutar server. js. 284 00:15:49,670 --> 00:15:52,730 ‫De acuerdo, y ya que estamos haciendo eso, permítanme 285 00:15:52,730 --> 00:15:56,840 ‫crear un script npm para eso. 286 00:15:56,840 --> 00:16:00,670 ‫Cerrando a ese tipo muy rápido. 287 00:16:00,670 --> 00:16:02,820 ‫Y entonces déjeme 288 00:16:02,820 --> 00:16:05,623 ‫agregar aquí, npm start, nodemon server. js. 289 00:16:07,200 --> 00:16:09,240 ‫Porque de esta manera, ya no 290 00:16:09,240 --> 00:16:12,593 ‫tengo que saber realmente cuál es el archivo que realmente quiero ejecutar. 291 00:16:15,300 --> 00:16:19,090 ‫Así que todo lo que tengo 292 00:16:19,090 --> 00:16:22,420 ‫que escribir es npm start, y no hay duda de que funcionará. 293 00:16:22,420 --> 00:16:24,920 ‫De lo contrario, podría 294 00:16:24,920 --> 00:16:28,010 ‫tener que pensar, hm, ¿es una aplicación? js o servidor. js, ¿o qué? 295 00:16:28,010 --> 00:16:30,430 ‫¿Qué tenemos para empezar aquí? 296 00:16:30,430 --> 00:16:32,120 ‫Pero así, no tengo que pensar, todo lo que tengo que hacer 297 00:16:32,120 --> 00:16:35,780 ‫es iniciar npm, y va a comenzar. 298 00:16:35,780 --> 00:16:37,360 ‫Bien, así como así, 299 00:16:37,360 --> 00:16:39,350 ‫y aquí volvemos a ejecutar nuestra aplicación. 300 00:16:39,350 --> 00:16:44,350 ‫Cierre a ese tipo y, por cierto, esto funciona, incluso 301 00:16:45,340 --> 00:16:48,200 ‫sin tener nodemon instalado como nuestra 302 00:16:48,200 --> 00:16:50,450 ‫dependencia de desarrollo, 303 00:16:51,810 --> 00:16:54,590 ‫porque tengo nodemon instalado globalmente. 304 00:16:54,590 --> 00:16:57,400 ‫Así que hicimos eso en la primera sección y, con suerte, 305 00:16:57,400 --> 00:16:58,860 ‫tú también lo hiciste allí. 306 00:16:58,860 --> 00:17:01,410 ‫De lo contrario, continúe y 307 00:17:01,410 --> 00:17:03,200 ‫en otra 308 00:17:03,200 --> 00:17:05,640 ‫pestaña haga npm install nodemon, 309 00:17:05,640 --> 00:17:09,390 ‫así que si por alguna razón omitió esa 310 00:17:09,390 --> 00:17:14,140 ‫sección, escriba npm install nodemon, y luego puede instalarlo globalmente 311 00:17:14,140 --> 00:17:17,120 ‫así, o puede instalarlo como un 312 00:17:17,120 --> 00:17:19,610 ‫desarrollador dependencia, así, ¿de acuerdo? 313 00:17:19,610 --> 00:17:23,590 ‫Así que asegúrese de tener instalado nodemon, sin importar si es globalmente 314 00:17:23,590 --> 00:17:26,083 ‫o como una dependencia de desarrollo, está 315 00:17:27,810 --> 00:17:29,680 ‫bien, para que esto funcione. 316 00:17:29,680 --> 00:17:31,900 ‫Así que el control final, solo 317 00:17:31,900 --> 00:17:35,293 ‫para estar seguro, y quiero este, y sí, de hecho. 318 00:17:36,700 --> 00:17:38,963 ‫Tenemos nuestra aplicación correctamente refactorizada. 319 00:17:40,370 --> 00:17:43,053 ‫Entonces, estos fueron muchos cambios en 320 00:17:44,250 --> 00:17:48,350 ‫un solo video, así que después de terminar este, 321 00:17:48,350 --> 00:17:51,330 ‫continúe y analice todo lo que 322 00:17:51,330 --> 00:17:55,440 ‫hicimos y realmente intente rastrear la ruta que hará 323 00:17:55,440 --> 00:17:57,470 ‫una solicitud dentro 324 00:17:57,470 --> 00:18:00,830 ‫de nuestra aplicación de principio a fin. 325 00:18:00,830 --> 00:18:03,420 ‫De esta manera, realmente tendrá 326 00:18:03,420 --> 00:18:06,510 ‫una idea de cómo funciona todo aquí. 327 00:18:06,510 --> 00:18:07,880 ‫Y te veré después de hacer eso en el siguiente video.