1 00:00:00,510 --> 00:00:00,920 Todo bien. 2 00:00:00,930 --> 00:00:04,560 Empecemos por implementar una aplicación realmente simple. 3 00:00:04,560 --> 00:00:09,770 De nuevo, va a tener dos rutas a las plantillas realmente muy simples. 4 00:00:09,900 --> 00:00:12,710 Lo primero que quiero hacer es simplemente hacer esa aplicación. 5 00:00:12,990 --> 00:00:14,790 Entonces lo haré realmente rápido. 6 00:00:14,790 --> 00:00:17,770 Hice una nueva carpeta llamada deploying demo. 7 00:00:18,060 --> 00:00:21,670 Lo primero que haré es NPM y. 8 00:00:22,740 --> 00:00:27,410 Y voy a pasar por la mayoría de estos bastante rápido. 9 00:00:27,570 --> 00:00:30,540 J. S. como mi punto de entrada. 10 00:00:31,460 --> 00:00:34,980 De lo contrario, eso es todo lo que tenemos que hacer. 11 00:00:34,980 --> 00:00:47,190 Lo siguiente que haré es instalar NPM Express y también hacer E. J. s dash dash save y dash dash. 12 00:00:47,220 --> 00:00:51,280 Guardar es especialmente importante en este momento cuando estamos implementando. 13 00:00:51,390 --> 00:00:55,200 que nuestro paquete de Jason continúe y abrir eso, queremos asegurarnos 14 00:00:59,610 --> 00:01:05,160 de que tenga todas nuestras dependencias porque lo que sucede es que vamos a enviar nuestro código 15 00:01:05,430 --> 00:01:11,250 y nuestro paquete que Jason a su Roku utilizando. De hecho, es como lo hacemos. Lo enviaremos 16 00:01:11,250 --> 00:01:18,690 a los servidores de Heroku y luego Heroku ejecutará la instalación de NPM e instalará lo que esté en el paquete. Jason. 17 00:01:18,690 --> 00:01:19,610 Queremos asegurarnos de 18 00:01:19,620 --> 00:01:25,440 Entonces, en este caso, ejecútenos y exprésemos. Entonces, si nos falta algo, no hubiéramos expresado 19 00:01:25,440 --> 00:01:28,660 en este paquete que Jason Heroku no sabría instalarlo. 20 00:01:28,950 --> 00:01:35,670 Entonces la clave es que en realidad no estamos enviando el directorio de módulos de nodos. 21 00:01:35,670 --> 00:01:41,160 Eso no llega hasta Roku porque no hay razón para hacer eso, es un punto de 22 00:01:41,160 --> 00:01:47,470 NPM en lugar de enviar estos archivos gigantes y todos los directorios a todo el módulo de Express. 23 00:01:47,580 --> 00:01:52,940 Todo lo que hacemos es enviar el paquete que Jason que contiene las instrucciones o la receta que necesitamos Express 24 00:01:52,940 --> 00:01:53,370 lo necesitamos. 25 00:01:53,370 --> 00:01:53,860 Sí. 26 00:01:53,910 --> 00:01:57,990 Una especie de lista de compras y luego Heroku irá y descargará todo eso. 27 00:01:58,020 --> 00:02:00,230 Así que solo queremos asegurarnos de que todo esté aquí. 28 00:02:00,510 --> 00:02:05,430 En este caso, es muy breve y simple, pero cuando lleguemos al campamento de Yelp, queremos hacer un control exhaustivo 29 00:02:05,430 --> 00:02:07,170 para asegurarnos de que todo esté allí. 30 00:02:07,260 --> 00:02:10,220 Si olvidas algo, no es el fin del mundo. 31 00:02:10,260 --> 00:02:13,040 Te mostraré cómo hacerlo. Lo romperé deliberadamente. 32 00:02:13,170 --> 00:02:16,770 Una vez que acampamos, puedes ver cómo lo arreglas. 33 00:02:16,770 --> 00:02:24,540 Muy bien, entonces lo siguiente que quiero hacer es hacer mi aplicación J J. S. y luego también voy a hacer un 34 00:02:24,540 --> 00:02:25,710 directorio de Vista. 35 00:02:26,130 --> 00:02:31,890 Y luego, mientras estoy aquí, hagamos un corte en las vistas y lo haremos en casa, padre E. J. Sí. 36 00:02:31,910 --> 00:02:33,120 Y el otro llamará por eso E. J. Sí. 37 00:02:33,420 --> 00:02:39,610 Estupendo. 38 00:02:40,050 --> 00:02:40,640 Entonces solo dos vistas 39 00:02:40,800 --> 00:02:43,120 Los llenaremos con cosas realmente simples. 40 00:02:43,170 --> 00:02:45,240 Entonces, ¿qué vamos a implementar nuevamente? 41 00:02:45,240 --> 00:02:46,990 Una aplicación con dos rutas dos plantillas que solo van a ser horribles. 42 00:02:47,370 --> 00:02:51,740 Knowsley evalúa exactamente el mínimo absoluto. 43 00:02:51,740 --> 00:02:54,760 Pero podría tomar esto y ya sabe implementar un sitio de 44 00:02:55,170 --> 00:03:00,690 cartera o implementar un sitio de blog o lo que sea que haga que no requiera un backend de mongo. 45 00:03:00,690 --> 00:03:02,980 Así que vamos a abrir esto y 46 00:03:03,360 --> 00:03:05,850 comenzar con su aplicación J y arriba. 47 00:03:09,390 --> 00:03:10,530 Lo primero 48 00:03:10,530 --> 00:03:21,510 que debe hacer es decir que expresar es igual a requerir expreso y luego lo haremos igual a ejecutar esa función expresamente. 49 00:03:21,990 --> 00:03:24,070 Mientras estemos aquí, diremos 50 00:03:24,750 --> 00:03:35,580 que al principio vemos el motor para Ejay y luego todo lo que deberíamos hacer ahora es declarar nuestras cuerdas. 51 00:03:35,580 --> 00:03:38,570 Comencemos por obtener solo la página de inicio o 52 00:03:38,670 --> 00:03:42,570 la ruta de la ruta y haremos un render de resto. 53 00:03:47,160 --> 00:03:51,060 Y vamos a ver cuál es nuestra plantilla 54 00:03:52,140 --> 00:04:00,660 home homestart redstart home, así que hará lo mismo, excepto por slosh about y dará como resultado el renderizado. 55 00:04:00,900 --> 00:04:04,370 Sobre la derecha. 56 00:04:04,380 --> 00:04:06,510 Entonces dos rutas con dos plantillas diferentes. 57 00:04:06,510 --> 00:04:10,060 Ahora tenemos que completar esas plantillas. 58 00:04:10,170 --> 00:04:11,970 Así que vamos a 59 00:04:12,240 --> 00:04:14,940 casa primero y complete eso. 60 00:04:19,080 --> 00:04:20,390 Así que solo 61 00:04:20,610 --> 00:04:27,420 voy a hacer una página de inicio H-1 y podemos agregar algo más tarde, pero comencemos 62 00:04:27,720 --> 00:04:32,220 con eso y haremos lo mismo con H-1 sobre Paige. 63 00:04:35,960 --> 00:04:38,090 Todo bien. 64 00:04:38,100 --> 00:04:38,650 Entonces comenzaremos allí. 65 00:04:38,910 --> 00:04:40,630 Y lo último que 66 00:04:41,400 --> 00:04:46,920 necesitamos antes de que podamos comenzar nuestro servidor es después de escuchar al final. 67 00:04:46,920 --> 00:04:48,300 Está bien, así que 68 00:04:48,300 --> 00:04:54,330 esta es nuestra aplicación súper simple. Deberíamos revisarla desde el principio en la parte Express de este curso. 69 00:04:54,330 --> 00:04:55,150 Así que asegurémonos de que las cosas funcionen. 70 00:04:55,380 --> 00:04:57,020 Intenta ejecutar aplicaciones de nodo. 71 00:04:57,330 --> 00:04:59,180 Sí. 72 00:04:59,280 --> 00:05:02,100 No pusimos un mensaje. 73 00:05:03,390 --> 00:05:04,440 Por lo tanto, está 74 00:05:04,440 --> 00:05:09,510 funcionando simplemente no se ve muy bien o realmente no nos dice que está funcionando, pero entonces vamos a ver nuestra aplicación. 75 00:05:09,510 --> 00:05:13,630 Oop parece que tenemos un pequeño problema. No se especificó ningún motor predeterminado. No se proporcionó ninguna extensión. 76 00:05:14,460 --> 00:05:19,640 ¿Qué tenemos al principio? 77 00:05:19,710 --> 00:05:21,250 Ver motor. 78 00:05:21,450 --> 00:05:22,500 Y, por supuesto, lo eché a perder. 79 00:05:22,620 --> 00:05:24,840 No se supone que sea un juego su motor de espacio de visión. 80 00:05:24,990 --> 00:05:28,980 Derecha. 81 00:05:29,540 --> 00:05:29,780 Así que intentémoslo una vez más. 82 00:05:29,790 --> 00:05:32,730 Con suerte, algunos de ustedes atrapados pueden refrescarse. 83 00:05:34,440 --> 00:05:39,090 También puede hacerlo rápido aquí para abrir en el navegador. 84 00:05:39,160 --> 00:05:44,280 Puedes ver aquí que obtenemos nuestra aplicación, creemos que realmente podemos deshacernos de todo eso. 85 00:05:44,610 --> 00:05:49,500 Aquí vamos. 86 00:05:49,500 --> 00:05:50,140 Y si voy a la barra, obtengo una página. 87 00:05:50,340 --> 00:05:53,500 Entonces hay dos envolturas súper simples y eso es todo lo que vamos a hacer. 88 00:05:53,610 --> 00:05:57,330 Quizás agreguemos un enlace. 89 00:05:57,330 --> 00:05:59,340 Entonces, si vamos a casa, agreguemos una etiqueta de anclaje que A-Trak debería tachar. 90 00:05:59,340 --> 00:06:08,620 Vaya a la página Acerca de y luego la volveremos a colocar o la copiará a 91 00:06:09,210 --> 00:06:16,620 la página Acerca de y tendrá un enlace solo a la ruta. 92 00:06:16,620 --> 00:06:18,480 Vete a casa. 93 00:06:18,480 --> 00:06:21,110 DE ACUERDO. 94 00:06:21,900 --> 00:06:22,680 Entonces, verifiquemos que eso funcione. 95 00:06:23,310 --> 00:06:28,470 Vaya a la página Acerca de. 96 00:06:28,470 --> 00:06:29,510 Vete a casa. 97 00:06:29,550 --> 00:06:30,720 Estupendo. 98 00:06:30,750 --> 00:06:31,260 Entonces tenemos dos rutas 99 00:06:31,500 --> 00:06:33,200 Nuestra aplicación está hecha. 100 00:06:33,570 --> 00:06:35,550 Impresionante aplicación derecha. 101 00:06:36,060 --> 00:06:37,910 Así que cerraré esto aquí, creo. 102 00:06:37,950 --> 00:06:42,280 Aquí vamos. 103 00:06:42,300 --> 00:06:43,350 Y lo siguiente que haremos es trabajar en la implementación de esto. 104 00:06:43,920 --> 00:06:47,400 Así que hemos terminado con la aplicación en sí. 105 00:06:47,520 --> 00:06:50,390 Una vez más, no es emocionante, pero es 106 00:06:50,580 --> 00:06:57,240 exactamente la misma idea si está haciendo una hermosa aplicación bien diseñada o una aplicación súper simple para enrutar. 107 00:06:57,300 --> 00:07:00,400 Los conceptos son exactamente el mismo código en lo que respecta al despliegue. 108 00:07:00,600 --> 00:07:04,990