Bienvenido de nuevo a esta lección, que es la parte 3 de agregar autenticación a su campamento. Nos vamos a centrar
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
niños comenzaron aquí.
Así que al igual que el registro de inicio de sesión debe tener dos rutas.
Esto debería ser una pequeña revisión de la última unidad en la que cubrimos con más detalle, pero
necesitamos una solicitud GET para mostrar el formulario y luego nos oponemos a que realmente iniciemos sesión.
Comencemos con el formulario y agregaremos un comentario aquí.
Mostrar el formulario de registro así como así.
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
haga, y luego renderizará la plantilla de inicio de sesión que aún no existe.
Ahora vamos a crear esas vistas táctiles para iniciar sesión.
MI. J. Sí
y ahora está abierto tanto para empezar.
Y cada uno que dice iniciar sesión y guardar un inicio del servidor.
Vayamos a nuestra aplicación e intentemos visitar slash logon.
Aquí vamos.
Se ve bien.
No hay almuerzo en el foro.
Entonces necesitamos tener una etiqueta de
formulario y comencemos con nuestras entradas y poner texto de llamadas de tipo y podríamos robar esto del formulario de registro.
Pero es una buena práctica escribir de nuevo desde cero.
Así que el tipo de entrada va el nombre del texto igual a nombre de usuario también es igual a nombre de usuario.
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.
he estado haciendo, solo voy a usar un tipo de entrada para solo demostrar que puedes usar cualquiera de los dos.
Y luego, en lugar de hacer un botón que
Entonces tipo de entrada enviar.
Y luego tenemos que darle un valor.
Y eso es lo que realmente aparecerá.
Por lo tanto, el valor solo indicará el inicio de sesión pero el ahorro. Mire nuestro formulario.
DE ACUERDO.
Tenemos la forma.
No hace nada ahora porque necesitamos darle una acción y un método.
Y al igual que registrarse en el registro, tenemos una solicitud posterior
que estamos haciendo para reducir el registro en el formulario de inicio de sesión.
Vamos a hacer una solicitud posterior para reducir el inicio de sesión.
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.
Entonces, si pulso el inicio de sesión en este momento, recibiremos un pequeño mensaje que dice que no se
puede registrar el inicio de sesión porque no tenemos una ruta para eso.
Así que voy a volver a sí
realmente y agregar en nuestro registro en la ruta y esta ruta será responsable de manejar la lógica de inicio de sesión.
Así que amped up post slash inicie sesión en nuestra devolución de llamada.
Y luego lo que haremos es simplemente hacer un simple registro de envío de lectura.
La lógica ocurre aquí y solo queremos asegurarnos de que lo
veamos y tenemos que reiniciar el servidor siempre que cambiemos o agreguemos una nueva ruta.
Ahora vamos a actualizar escribe algo.
En realidad, ni siquiera tenemos que completar el registro y la lógica de inicio de sesión ocurre aquí.
Todo bien.
Estupendo.
Así que
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.
Y ese es el pasaporte.
Autentica el middleware.
Así que agregue que aquí el pasaporte de Khama se autentica.
Y luego adentro necesitamos proporcionar local.
Y luego, después de local como
segundo argumento, proporcionamos un objeto y ese objeto tomará dos cosas con éxito.
Redirigir
Y si un usuario
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í.
Aceptar para redirigir el éxito y redireccionar una falla,
y se redireccionará para volver a iniciar sesión.
Si falla así, hay un
montón de tics aquí y aún necesitamos una coma y entonces deberíamos estar listos para continuar.
Así que veamos esto otra vez.
Es un poco de revisión antes
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.
Esto se ejecutará primero.
Todo esto y esto es solo el segundo argumento.
Así que realmente parece que esta publicación apta
tiene acceso a Slash, luego tenemos el middleware y luego tenemos nuestra devolución de llamada.
Así que el middleware va
de aquí hasta allí, lo que siempre es un poco confuso cuando pones cosas en nuevas líneas.
Pero es mucho
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.
Aquí estamos.
El pasaporte no usa usuario de estrategia local ni se autentica.
Entonces, cuando llamemos datos de usuario cosas Kate o
pasaporte dot authenticar en una estrategia local, usará el método que no tuvimos que escribir.
Nos lo dieron de forma gratuita utilizando el paquete de mongoose local de pasaporte.
luego autenticará esa contraseña con lo que hemos almacenado en la base de datos para ese usuario.
Pero va a llamar a ese autenticador que luego tomará la solicitud de contraseña del cuerpo por el nombre de usuario y
Y se encarga de toda la compleja lógica de la que no tenemos que preocuparnos.
Y luego, si funciona, redirecciona esos campos de concentración
si no funciona, redirigir para recortar y entonces tenemos este Colbeck aquí que realmente no hace nada.
Y podemos deshacernos de eso si quisiéramos.
Pero solo quiero dejarlo allí para que sepa que se trata de un middleware.
DE ACUERDO.
Entonces reinicia el servidor.
Veamos qué pasa, me desharé de esta línea.
Se está quejando por eso.
Aquí vamos.
Vamos a actualizar y vamos
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.
Estupendo.
Ahora regresemos.
Reiniciaré el servidor nuevamente y me dejaré intentar y leer algo que sé que no funciona.
Es de esperar que no tengamos una cuenta con esa contraseña y regrese al formulario
de inicio de sesión porque eso es lo que establecí como redirección de fallas.
De acuerdo, permítanme reiterar esto porque es un concepto importante.
Este es el mismo pasaporte que autentica que
estamos usando en lugar de registrarnos como lo estamos usando en lugar de registrar.
La diferencia es
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.
supone que el usuario ya existe.
Y luego, si eso funciona, entonces estamos registrando el usuario en lugar de aquí en el registro de barra, se
Entonces, todo lo que hacemos es que el pasaporte se autentique, lo que los ingresará.
OK, así que eso es todo lo que quiero hacer.
El log en lógica con esas dos rutas después de que inicie sesión APT hasta después de iniciar sesión.
Y luego también tenemos la forma aquí.
Solo una forma simple como registrarse.
La única diferencia es aquí donde enviamos el formulario.
Increíble.
En el siguiente video, trabajaremos para cerrar la sesión y también mejorar un poco nuestra barra NAV.