1 00:00:00,300 --> 00:00:05,440 De regreso en los próximos videos, nos enfocaremos en crear esta aplicación con ilustraciones de usuario y 2 00:00:06,030 --> 00:00:06,620 para comenzar. 3 00:00:06,630 --> 00:00:11,940 Necesitamos configurar la estructura de la aplicación real que necesita para instalar algunos paquetes, incluidos estos aquí de 4 00:00:11,940 --> 00:00:14,170 los que hablé en el último video. 5 00:00:14,330 --> 00:00:18,600 Y luego agregaremos dos rutas básicas, por lo que aún no vamos a 6 00:00:18,600 --> 00:00:19,460 cubrir ninguna autenticación. 7 00:00:19,680 --> 00:00:22,840 Vamos a sentar las bases para que podamos hacer eso en el próximo video. 8 00:00:23,280 --> 00:00:28,290 haré un nuevo directorio dentro de ese llamado Auth. 9 00:00:28,860 --> 00:00:39,410 Así que hice un nuevo directorio llamado autenticación y demo y CD en demo fuera de y luego ejecutará NPM y simplemente acelerará a través de esta descripción. 10 00:00:39,550 --> 00:00:45,860 El espacio en blanco me gustaría cambiar eso en realidad sí, Arthur. 11 00:00:47,010 --> 00:00:47,990 Sí, eso está bien. 12 00:00:48,260 --> 00:00:51,220 OK, entonces hagamos su dirección. 13 00:00:52,260 --> 00:00:55,410 Ahora tenemos que instalar sus paquetes, así que tenemos bastantes. 14 00:00:55,530 --> 00:01:01,350 Necesitamos instalar el pasaporte de analizador de cuerpo de pasaporte de mangosta local. 15 00:01:01,350 --> 00:01:06,560 También necesitamos pasaporte mangosta local y sesión urgente bastantes. 16 00:01:06,660 --> 00:01:10,920 Los voy a hacer en algunas líneas diferentes, aunque es bueno hacerlo todo en una sola línea. 17 00:01:10,920 --> 00:01:14,540 Será difícil ver el video en caso de que se corte por aquí. 18 00:01:14,580 --> 00:01:21,060 Así que comenzaré a hacer la instalación de NPM Expressen mongoose dash dash save. 19 00:01:22,080 --> 00:01:25,930 Y luego, vamos a hacer el pasaporte y luego el pasaporte local. 20 00:01:26,450 --> 00:01:26,840 DE ACUERDO. 21 00:01:26,930 --> 00:01:38,610 Así que ahora haremos el paso de espacio de pasaporte de instalación de NPM o guionaremos el guión de dash local y eso nos dará 22 00:01:38,610 --> 00:01:39,650 dos más. 23 00:01:39,660 --> 00:01:46,880 A continuación vamos a hacer NPM instalar pasaporte local mongoose dash dash. 24 00:01:46,890 --> 00:01:58,530 ahora hará partes del cuerpo para NPM instale el analizador de Audi y también hará la sesión discúlpeme sesión de tablero de la sesión exprés. 25 00:02:00,270 --> 00:02:00,980 Ahorre 26 00:02:00,980 --> 00:02:03,860 Seguro y eso debería ser todo lo que necesitamos. 27 00:02:03,870 --> 00:02:10,450 Así que echemos un vistazo al paquete que Jason y nosotros tenemos. 28 00:02:10,440 --> 00:02:17,580 Express express session mongoose pasaporte pasaporte local pasaporte local mongoose y body parser. 29 00:02:17,610 --> 00:02:19,320 Bastantes paquetes allí. 30 00:02:19,590 --> 00:02:23,670 Muy bien, así que ahora vayamos a la persecución de la aplicación y cerremos eso. 31 00:02:23,670 --> 00:02:24,820 C9. 32 00:02:25,180 --> 00:02:25,830 Sí. 33 00:02:26,160 --> 00:02:32,070 Y mientras estamos en la terminal, hagamos que nuestro directorio de vistas esté justo allí. 34 00:02:32,070 --> 00:02:38,790 Ahí vamos y también crearemos un directorio modelo y solo tendremos un modelo que será 35 00:02:38,790 --> 00:02:39,710 el usuario. 36 00:02:39,990 --> 00:02:41,560 Y llegaremos a eso en el próximo video. 37 00:02:41,910 --> 00:02:45,210 Entonces, dentro de sí comenzaremos con nuestra aplicación express básica. 38 00:02:45,450 --> 00:02:55,690 Hasta el momento las llamadas Express requieren Express y luego haremos una aplicación VAR igual a express así. 39 00:02:56,340 --> 00:02:58,440 Y luego haremos algunas de nuestras otras configuraciones. 40 00:02:58,440 --> 00:03:06,450 motor de vista es Ejay us y ese es un paquete que realmente olvidamos instalar, así que podemos hacer eso ahora e instalarlo. 41 00:03:06,450 --> 00:03:08,540 Entonces, la aplicación que configura el 42 00:03:08,620 --> 00:03:09,140 Sí. 43 00:03:09,210 --> 00:03:12,450 Dash Dash Guardar. 44 00:03:13,060 --> 00:03:17,550 Y mientras eso suceda, agregaremos nuestra primera ruta y agregaremos la ruta para 45 00:03:17,550 --> 00:03:17,880 comenzar. 46 00:03:17,880 --> 00:03:26,600 Así que es conveniente obtener una barra inclinada y simplemente renderizaremos una plantilla que llamamos hogar. 47 00:03:26,850 --> 00:03:32,250 Así que rez que rinden a casa. 48 00:03:32,250 --> 00:03:33,990 Ahora tenemos que hacer la plantilla de inicio. 49 00:03:34,350 --> 00:03:37,710 Así que tenemos nuestro directorio de vistas aquí mismo. 50 00:03:37,740 --> 00:03:47,130 Ahora tenemos que hacer visitas táctiles para hacer un corte en la página de inicio que nos muestra y luego abriremos ese 51 00:03:47,130 --> 00:03:54,800 archivo y agregaremos un simple H-1 que dice que esta es la página de inicio así como así. 52 00:03:55,770 --> 00:04:00,540 Y luego, lo último y más importante es realmente iniciar el servidor para agregar la aplicación. 53 00:04:00,550 --> 00:04:13,080 Escuche y recuerde su proceso que EMV ese puerto Khama procesa esa función de devolución de llamada de coma IP EMV que se ejecutará 54 00:04:13,080 --> 00:04:17,830 y que solo cancelará ese servidor de registro iniciado. 55 00:04:18,600 --> 00:04:19,620 Aquí vamos. 56 00:04:20,100 --> 00:04:26,070 veamos si me falta algo importante, así que limpiemos esto y ejecutemos el nodo después de JS. 57 00:04:26,240 --> 00:04:27,510 Démosle una oportunidad y 58 00:04:27,570 --> 00:04:29,360 Está bien, dice que el servidor comenzó. 59 00:04:29,370 --> 00:04:31,160 Ahora vamos a visitar la URL. 60 00:04:31,350 --> 00:04:32,430 Entonces el camino de la raíz aquí. 61 00:04:32,460 --> 00:04:34,560 Solo barra y deberíamos obtener. 62 00:04:34,560 --> 00:04:36,570 Esta es la página de inicio y lo hacemos. 63 00:04:36,570 --> 00:04:37,350 Estupendo. 64 00:04:37,350 --> 00:04:43,570 Ahora configuremos la ruta secreta que será otro secreto de abduc to slash. 65 00:04:43,650 --> 00:04:50,370 Y por ahora solo vamos a renderizar una plantilla y esa plantilla simplemente dirá que esta es la página 66 00:04:50,370 --> 00:04:54,170 secreta y podemos agregar una foto vergonzosa allí si lo desea. 67 00:04:54,330 --> 00:04:56,440 Tan secreto solo así. 68 00:04:56,570 --> 00:04:58,370 Y ahora tenemos que crear esa plantilla. 69 00:04:58,650 --> 00:05:04,860 Así que toca usar el secreto de barra Ejaz y luego lo 70 00:05:07,720 --> 00:05:10,080 abriremos y agregaremos un H-1. 71 00:05:10,080 --> 00:05:16,420 Esta es la página secreta y también podemos agregar un párrafo. 72 00:05:16,680 --> 00:05:23,220 Me encontraste y luego agregaré una etiqueta de imagen aquí con esa foto horriblemente embarazosa de mí. 73 00:05:23,400 --> 00:05:27,660 Siéntase libre de poner lo que quiera, siempre que también sea terriblemente embarazoso y deba estar en 74 00:05:27,660 --> 00:05:28,380 el archivo secreto. 75 00:05:28,740 --> 00:05:29,040 DE ACUERDO. 76 00:05:29,070 --> 00:05:32,530 Vamos a guardarlo por ahora o reiniciar el servidor. 77 00:05:32,880 --> 00:05:39,060 Y deberíamos poder ver esa página secreta porque no tenemos ningún secreto de barra de autenticación. 78 00:05:39,630 --> 00:05:42,650 Y sí, funciona porque todavía no tenemos nuestra autorización. 79 00:05:42,960 --> 00:05:43,460 Estupendo. 80 00:05:43,470 --> 00:05:46,500 Así que eso es todo lo que quería hacer en este video. 81 00:05:46,500 --> 00:05:55,320 Otra cosa que podemos hacer en los EE. UU. Es simplemente comenzar a agregar nuestro código de mangostas, así que haremos una mangosta 82 00:05:55,870 --> 00:06:04,200 VAR que requiera mangosta y luego nos conectaremos a una base de datos con nuestra mangosta que se conecta y que 83 00:06:04,320 --> 00:06:11,400 debe ser Mongo DB colon slash slash localhost slash y luego, sea lo que sea que queramos llamar, 84 00:06:11,850 --> 00:06:14,960 simplemente lo suspenderé de la aplicación demo así. 85 00:06:15,480 --> 00:06:15,840 DE ACUERDO. 86 00:06:15,840 --> 00:06:17,750 Y esa es toda la configuración que haremos en este video. 87 00:06:17,910 --> 00:06:22,320 Hemos allanado el camino para que en el próximo video podamos comenzar a crear el modelo de usuario 88 00:06:22,350 --> 00:06:24,000 e importar todos los paquetes que instalamos.