1 00:00:00,300 --> 00:00:05,490 Bienvenido de nuevo a esta lección, que es la parte 3 de agregar autenticación a su campamento. Nos vamos a centrar 2 00:00:05,490 --> 00:00:11,520 en el inicio de sesión escribiendo los dos en las rutas y luego también el registro y la plantilla con el formulario que los 3 00:00:11,520 --> 00:00:12,230 niños comenzaron aquí. 4 00:00:12,720 --> 00:00:15,840 Así que al igual que el registro de inicio de sesión debe tener dos rutas. 5 00:00:15,960 --> 00:00:20,790 Esto debería ser una pequeña revisión de la última unidad en la que cubrimos con más detalle, pero 6 00:00:20,790 --> 00:00:25,260 necesitamos una solicitud GET para mostrar el formulario y luego nos oponemos a que realmente iniciemos sesión. 7 00:00:25,260 --> 00:00:28,620 Comencemos con el formulario y agregaremos un comentario aquí. 8 00:00:28,620 --> 00:00:31,830 Mostrar el formulario de registro así como así. 9 00:00:32,250 --> 00:00:41,040 Y luego, una vez que tenga un apetito reducido, inicie sesión en nuestra respuesta de solicitud y devuelva la llamada cada vez que lo 10 00:00:41,040 --> 00:00:46,130 haga, y luego renderizará la plantilla de inicio de sesión que aún no existe. 11 00:00:46,140 --> 00:00:49,920 Ahora vamos a crear esas vistas táctiles para iniciar sesión. 12 00:00:49,960 --> 00:00:50,320 MI. J. Sí 13 00:00:50,340 --> 00:00:52,200 y ahora está abierto tanto para empezar. 14 00:00:55,020 --> 00:00:55,890 Y cada uno que dice iniciar sesión y guardar un inicio del servidor. 15 00:00:55,880 --> 00:01:02,660 Vayamos a nuestra aplicación e intentemos visitar slash logon. 16 00:01:03,420 --> 00:01:08,070 Aquí vamos. 17 00:01:08,100 --> 00:01:08,910 Se ve bien. 18 00:01:08,910 --> 00:01:09,770 No hay almuerzo en el foro. 19 00:01:10,010 --> 00:01:11,910 Entonces necesitamos tener una etiqueta de 20 00:01:12,180 --> 00:01:18,690 formulario y comencemos con nuestras entradas y poner texto de llamadas de tipo y podríamos robar esto del formulario de registro. 21 00:01:18,690 --> 00:01:20,260 Pero es una buena práctica escribir de nuevo desde cero. 22 00:01:20,490 --> 00:01:23,070 Así que el tipo de entrada va el nombre del texto igual a nombre de usuario también es igual a nombre de usuario. 23 00:01:23,070 --> 00:01:32,230 Y luego otro tipo de entrada es igual a nombre de contraseña igual a contraseña marcador de posición es igual a contraseña. 24 00:01:33,180 --> 00:01:45,210 he estado haciendo, solo voy a usar un tipo de entrada para solo demostrar que puedes usar cualquiera de los dos. 25 00:01:45,210 --> 00:01:50,430 Y luego, en lugar de hacer un botón que 26 00:01:50,640 --> 00:01:53,430 Entonces tipo de entrada enviar. 27 00:01:53,440 --> 00:01:55,590 Y luego tenemos que darle un valor. 28 00:01:56,580 --> 00:01:58,140 Y eso es lo que realmente aparecerá. 29 00:01:58,590 --> 00:02:00,100 Por lo tanto, el valor solo indicará el inicio de sesión pero el ahorro. Mire nuestro formulario. 30 00:02:00,150 --> 00:02:05,780 DE ACUERDO. 31 00:02:06,200 --> 00:02:06,770 Tenemos la forma. 32 00:02:06,960 --> 00:02:07,880 No hace nada ahora porque necesitamos darle una acción y un método. 33 00:02:07,920 --> 00:02:13,680 Y al igual que registrarse en el registro, tenemos una solicitud posterior 34 00:02:14,160 --> 00:02:20,490 que estamos haciendo para reducir el registro en el formulario de inicio de sesión. 35 00:02:20,490 --> 00:02:21,540 Vamos a hacer una solicitud posterior para reducir el inicio de sesión. 36 00:02:21,540 --> 00:02:25,040 Entonces la acción debe ser el inicio de sesión social y el método debe ser publicado y lo guardaremos para asegurarnos de que funcione. 37 00:02:25,620 --> 00:02:34,110 Entonces, si pulso el inicio de sesión en este momento, recibiremos un pequeño mensaje que dice que no se 38 00:02:35,010 --> 00:02:40,740 puede registrar el inicio de sesión porque no tenemos una ruta para eso. 39 00:02:40,740 --> 00:02:42,750 Así que voy a volver a sí 40 00:02:42,750 --> 00:02:49,530 realmente y agregar en nuestro registro en la ruta y esta ruta será responsable de manejar la lógica de inicio de sesión. 41 00:02:50,010 --> 00:02:51,970 Así que amped up post slash inicie sesión en nuestra devolución de llamada. 42 00:02:52,380 --> 00:02:59,750 Y luego lo que haremos es simplemente hacer un simple registro de envío de lectura. 43 00:02:59,790 --> 00:03:05,100 La lógica ocurre aquí y solo queremos asegurarnos de que lo 44 00:03:05,190 --> 00:03:12,360 veamos y tenemos que reiniciar el servidor siempre que cambiemos o agreguemos una nueva ruta. 45 00:03:12,360 --> 00:03:15,420 Ahora vamos a actualizar escribe algo. 46 00:03:15,420 --> 00:03:18,140 En realidad, ni siquiera tenemos que completar el registro y la lógica de inicio de sesión ocurre aquí. 47 00:03:18,240 --> 00:03:23,290 Todo bien. 48 00:03:23,610 --> 00:03:24,300 Estupendo. 49 00:03:24,420 --> 00:03:24,720 Así que 50 00:03:24,720 --> 00:03:29,700 tenemos las rutas correctas, pero en realidad voy a deshacerme de todo esto porque si recuerdas de la última unidad, la forma en que podemos iniciar sesión es mediante el uso de un middleware. 51 00:03:29,700 --> 00:03:34,300 Y ese es el pasaporte. 52 00:03:34,590 --> 00:03:35,690 Autentica el middleware. 53 00:03:35,720 --> 00:03:36,960 Así que agregue que aquí el pasaporte de Khama se autentica. 54 00:03:37,050 --> 00:03:42,400 Y luego adentro necesitamos proporcionar local. 55 00:03:42,780 --> 00:03:45,530 Y luego, después de local como 56 00:03:45,720 --> 00:03:51,600 segundo argumento, proporcionamos un objeto y ese objeto tomará dos cosas con éxito. 57 00:03:51,660 --> 00:03:53,040 Redirigir 58 00:03:53,040 --> 00:03:54,300 Y si un usuario 59 00:03:54,750 --> 00:04:03,580 inicia sesión con éxito, vamos a redirigir para reducir radicalmente los campamentos y una redirección de fallas y vamos a aplicar esto ahora que tenemos suficiente texto aquí. 60 00:04:03,580 --> 00:04:08,020 Aceptar para redirigir el éxito y redireccionar una falla, 61 00:04:08,910 --> 00:04:13,020 y se redireccionará para volver a iniciar sesión. 62 00:04:16,370 --> 00:04:18,800 Si falla así, hay un 63 00:04:18,840 --> 00:04:26,580 montón de tics aquí y aún necesitamos una coma y entonces deberíamos estar listos para continuar. 64 00:04:26,580 --> 00:04:27,750 Así que veamos esto otra vez. 65 00:04:27,750 --> 00:04:29,220 Es un poco de revisión antes 66 00:04:29,220 --> 00:04:35,010 de que no hayamos amplificado la ruta posterior para cortar el inicio de sesión cuando llega una solicitud en un inicio de sesión. 67 00:04:35,010 --> 00:04:36,170 Esto se ejecutará primero. 68 00:04:36,210 --> 00:04:37,580 Todo esto y esto es solo el segundo argumento. 69 00:04:37,620 --> 00:04:40,860 Así que realmente parece que esta publicación apta 70 00:04:40,860 --> 00:04:47,430 tiene acceso a Slash, luego tenemos el middleware y luego tenemos nuestra devolución de llamada. 71 00:04:47,430 --> 00:04:49,280 Así que el middleware va 72 00:04:49,980 --> 00:04:55,860 de aquí hasta allí, lo que siempre es un poco confuso cuando pones cosas en nuevas líneas. 73 00:04:55,860 --> 00:04:56,520 Pero es mucho 74 00:04:56,520 --> 00:05:02,100 mejor que tener solo una línea gigantesca, no un middleware al que llamaremos método de autenticación, que configuramos aquí tanto código para ir hacia la parte superior. 75 00:05:02,580 --> 00:05:09,060 Aquí estamos. 76 00:05:09,090 --> 00:05:10,170 El pasaporte no usa usuario de estrategia local ni se autentica. 77 00:05:10,500 --> 00:05:14,870 Entonces, cuando llamemos datos de usuario cosas Kate o 78 00:05:14,880 --> 00:05:22,020 pasaporte dot authenticar en una estrategia local, usará el método que no tuvimos que escribir. 79 00:05:22,020 --> 00:05:23,650 Nos lo dieron de forma gratuita utilizando el paquete de mongoose local de pasaporte. 80 00:05:23,670 --> 00:05:27,900 luego autenticará esa contraseña con lo que hemos almacenado en la base de datos para ese usuario. 81 00:05:28,020 --> 00:05:33,390 Pero va a llamar a ese autenticador que luego tomará la solicitud de contraseña del cuerpo por el nombre de usuario y 82 00:05:33,570 --> 00:05:37,730 Y se encarga de toda la compleja lógica de la que no tenemos que preocuparnos. 83 00:05:37,810 --> 00:05:41,050 Y luego, si funciona, redirecciona esos campos de concentración 84 00:05:41,460 --> 00:05:47,670 si no funciona, redirigir para recortar y entonces tenemos este Colbeck aquí que realmente no hace nada. 85 00:05:47,670 --> 00:05:49,670 Y podemos deshacernos de eso si quisiéramos. 86 00:05:49,670 --> 00:05:51,320 Pero solo quiero dejarlo allí para que sepa que se trata de un middleware. 87 00:05:51,780 --> 00:05:55,670 DE ACUERDO. 88 00:05:56,070 --> 00:05:56,810 Entonces reinicia el servidor. 89 00:05:57,030 --> 00:05:59,210 Veamos qué pasa, me desharé de esta línea. 90 00:05:59,670 --> 00:06:02,730 Se está quejando por eso. 91 00:06:03,050 --> 00:06:05,330 Aquí vamos. 92 00:06:05,370 --> 00:06:06,700 Vamos a actualizar y vamos 93 00:06:07,560 --> 00:06:14,130 a conectarnos con la misma cuenta que crearon la última vez que Severus y la contraseña es contraseña Nahit inicie sesión y voy a recortar campamentos. 94 00:06:14,280 --> 00:06:19,810 Estupendo. 95 00:06:19,860 --> 00:06:20,880 Ahora regresemos. 96 00:06:20,880 --> 00:06:22,430 Reiniciaré el servidor nuevamente y me dejaré intentar y leer algo que sé que no funciona. 97 00:06:22,500 --> 00:06:28,240 Es de esperar que no tengamos una cuenta con esa contraseña y regrese al formulario 98 00:06:29,070 --> 00:06:34,350 de inicio de sesión porque eso es lo que establecí como redirección de fallas. 99 00:06:34,350 --> 00:06:36,900 De acuerdo, permítanme reiterar esto porque es un concepto importante. 100 00:06:37,320 --> 00:06:40,470 Este es el mismo pasaporte que autentica que 101 00:06:40,470 --> 00:06:46,050 estamos usando en lugar de registrarnos como lo estamos usando en lugar de registrar. 102 00:06:46,050 --> 00:06:46,710 La diferencia es 103 00:06:46,710 --> 00:06:52,500 que en lugar de registrar estamos haciendo otras cosas antes de ejecutar la autenticación de pasaporte, estamos registrando al usuario creando un nuevo usuario. 104 00:06:52,830 --> 00:06:54,990 supone que el usuario ya existe. 105 00:06:54,990 --> 00:07:02,400 Y luego, si eso funciona, entonces estamos registrando el usuario en lugar de aquí en el registro de barra, se 106 00:07:02,400 --> 00:07:03,560 Entonces, todo lo que hacemos es que el pasaporte se autentique, lo que los ingresará. 107 00:07:03,570 --> 00:07:07,210 OK, así que eso es todo lo que quiero hacer. 108 00:07:07,530 --> 00:07:09,630 El log en lógica con esas dos rutas después de que inicie sesión APT hasta después de iniciar sesión. 109 00:07:09,900 --> 00:07:14,740 Y luego también tenemos la forma aquí. 110 00:07:14,940 --> 00:07:16,500 Solo una forma simple como registrarse. 111 00:07:16,620 --> 00:07:18,650 La única diferencia es aquí donde enviamos el formulario. 112 00:07:18,660 --> 00:07:22,870 Increíble. 113 00:07:23,310 --> 00:07:23,750 En el siguiente video, trabajaremos para cerrar la sesión y también mejorar un poco nuestra barra NAV. 114 00:07:23,760 --> 00:07:28,340