Dar una buena acogida.
En este video nos enfocaremos en hacer que la barra de NAF muestre los enlaces correctamente para
que cuando no inicie sesión solo vea iniciar sesión e iniciar sesión.
Pero cuando inicias sesión, solo ves el cierre de sesión y luego también podemos mostrar un pequeño mensaje que indica
que has iniciado sesión como.
Y luego el nombre de usuario firmado en varios reposs inscritos come lo que sea.
final de la parte para video y comencé a moverlo a un video separado para que pudieran dedicar un poco
más de tiempo a entrar en detalles y explicar cómo funciona algo de esto.
Inicialmente tenía todo esto al
Entonces empecemos.
Y lo que voy a hacer es abrir Hetter.
Sí.
Y aquí están las tres líneas que son responsables de esos tres enlaces aquí.
Inicie sesión en cerrar sesión para ocultarlas y mostrarlas de forma adecuada.
Necesitamos agregar un poco de E. J. esque lógica.
Tendremos una declaración if que se parece a esto.
Esto es solo un pseudo código.
Pero si no hay usuario, entonces se mostrará el inicio de sesión y el registro, y luego aparecerá el enlace de cierre de sesión.
Ahora, por supuesto, esto no es javascript real.
Tendremos que trabajar en eso.
Pero lo que haremos es pasar una variable tal como lo hemos hecho aquí donde estamos pasando el campamento o lo estamos haciendo a
tiempo aquí volviendo a pasar por el campamento, excepto que vamos a pasar un objeto de usuario y ese
usuario contiene información sobre el usuario que ha iniciado sesión o si no hay un usuario conectado.
Estará vacío sin definir y podemos usar esa variable de usuario en lugar de nuestra plantilla.
Entonces si no está definido
Comprobaremos si el usuario no está definido.
Muestre esto, de lo contrario, muestre el registro en el enlace.
Comencemos por averiguar cómo podemos obtener esa información sobre el usuario.
Y comenzaré en una de estas rutas y haré la página de índice de campings que está aquí después de obtener los
campings de barra porque es una ruta sencilla y buena y muchos de nuestros códigos redirigen a
esta ruta.
Y el secreto de todo esto es que la parte importante es el usuario directo de la solicitud.
Por lo tanto, solicite que el usuario contendrá toda la información.
Bueno, no todo excepto el nombre de usuario y la ID del usuario que inició sesión actualmente.
Así que te mostraré.
Hagamos una cancelación de las solicitudes de registro en el usuario e iniciemos el servidor y luego actualizaremos.
Y nos volvemos indefinidos
Y eso es porque actualmente no hay un usuario conectado.
Así que solicite que los usuarios se vacíen.
No existe.
Pero una vez que inicie sesión, lo que hará el pasaporte es crear solicitudes para que el usuario ingrese los datos del usuario solo el nombre
de usuario y la ID, no la contraseña ni nada, excepto nombre de usuario e ID dentro del usuario de la solicitud.
Entonces, inicie sesión en Severus. Haga clic en iniciar sesión. Vamos a ver, puede ver que ahora se lo solicita a ese usuario.
Va a ser realmente útil para nosotros en nuestras plantillas.
Así que voy a pasar eso ahora.
Deshazte de eso.
Y luego, después de los campamentos, tendremos otro usuario actual variable de Akol que es igual a
solicitar al usuario.
Y luego en nuestra plantilla podemos escribir alguna lógica simple que verifique si hay un usuario actual.
Y luego en nuestra plantilla podemos agregar una lógica muy simple usando la variable de usuario actual.
Entonces, ahorremos y vayamos a indexar eso.
Sí.
Que es el índice de campings y solo en la parte superior.
Solo agreguemos un poco de H para eso solo imprima el usuario actual y reiniciemos el servidor.
Y si voy ahora, no vemos nada, pero si me conecto varias veces, ahora veo al usuario
actual.
Ahora estamos pasando esos datos a través de nuestra plantilla, pero en lugar de usarla en lugar de
esta plantilla de índice, queremos usarla dentro de la plantilla de la barra de navegación.
Y recuerde que tenemos acceso a cualquiera de las variables que pasamos a través de nuestra plantilla.
Incluso dentro de Parshall's.
Entonces dentro de cada uno de nosotros vamos a agregar una declaración if y se ve así.
Si no hay un usuario actual, podríamos simplemente hacer eso, luego mostrar esos dos enlaces y luego tendremos a nuestro otro que muestre el enlace
de
cierre de sesión y luego, por supuesto, necesitamos nuestras etiquetas Ejaz.
Entonces, hagámoslo sin signos iguales así.
Y casi hemos
terminado, entonces estamos comprobando si una variable de usuario actual está vacía, entonces vamos a mostrar esto.
De lo contrario, mostraremos el enlace de cierre de sesión.
Pero esto solo funcionará ahora, al menos en esta ruta, ya que no pasamos al usuario
actual por ninguna otra ruta.
Pero asegurémonos de que funcione.
Así que reiniciaré la aplicación si actualizo la página.
Estupendo.
Solo veo el inicio de sesión y el registro, y eso es porque no estoy conectado.
Ahora, si hago clic en el inicio de sesión, tendremos un problema, que es que tenemos el archivo de encabezado y
está tratando de usar el usuario actual, pero no pasamos al usuario actual.
Así que en realidad esto sucederá en cualquier ruta que tenga ahora Ackbar porque no
estamos pasando al usuario actual, excepto en barra de Capgras.
Entonces, lo que queremos hacer es pasar al usuario actual a través de esta línea, básicamente, en cada ruta.
algunos de ellos puede estar vacío, algunos de ellos tendrán datos de usuario, pero queremos que estén disponibles en todas las rutas.
Y en
Y hay una manera fácil de hacerlo, donde no tenemos que agregar manualmente a
cada ruta y arriba antes de nuestras rutas solo para agregar otra actualización después del uso y agregaremos nuestro propio pequeño middleware.
Cualquier función que proporcionemos se llamará en cada ruta.
Entonces vamos a darle una respuesta de solicitud de función y también necesitamos esa próxima variable.
Y lo que queremos hacer es pasar esa solicitud al usuario a cada plantilla y hay una manera
fácil de hacerlo.
Sake rez locales.
El usuario actual de la solicitud del usuario, sea lo que sea que hayamos colocado en el local, es lo que está disponible
en lugar de nuestra plantilla, y la otra cosa realmente importante es avanzar al siguiente código porque se trata
de un middleware que se ejecutará para cada ruta.
Si no tenemos esto a continuación, simplemente se detendrá.
Nada sucederá después, así que necesitamos tener el siguiente para pasar al siguiente middleware que en realidad
será el manejador de ruta en la mayoría de los casos.
Entonces, si probamos este reinicio, el servidor actualizará la página.
Esto debería funcionar bien.
Si voy a iniciar sesión, ahora tengo el formulario de inicio de sesión y no recibo un error.
Y veo los enlaces correctos porque no estoy conectado.
Ahora, si vuelvo a iniciar sesión como
sĂ¨vres, solo veo el cierre de sesión excelente y trato de cerrar la sesión.
Increíble.
Entonces está funcionando.
Lo último que quería hacer es que cuando hayas iniciado sesión, hagámoslo una vez más.
Desea ver aquí en lugar de iniciar sesión e inscribirse.
Desea ver que actualmente esté registrado como Zephyrus y eso es bastante fácil de hacer.
En vez de encabezar cada uno.
Sí, ya tenemos un usuario actual, de modo que si hay un usuario actual en este otro,
simplemente agregaremos otro aliado y Ally simplemente agregará el texto.
Vamos a iniciar sesión como.
Y luego simplemente interpretamos o agregamos con cada uno como etiquetas.
Nombre de usuario de punto de usuario actual y guardar reiniciar y veamos cómo se ve esto.
Es posible que necesitemos darle un poco de actualización.
Vamos a mentir otra vez.
Ingresó como Severus.
Y sí, queremos estilizar eso.
Así que hagámoslo como una etiqueta de anclaje como los demás y simplemente no le daremos una H ref para que pueda obtener la etiqueta
con el dedo Atra es igual al signo de la libra.
Puede que tenga sentido que esto sea realmente un enlace a la página de perfil que no tenemos.
Pero si tuviéramos páginas de perfil, podrías hacer clic en esto y te llevaría a tu perfil, pero por
ahora está bien.
Entonces cerrará la sesión que debería desaparecer.
Probemos registrarnos y veamos cómo funciona eso.
Por lo tanto, me registraré como Mrs purple y la contraseña será de color púrpura.
Regístrese y vuelva a iniciar sesión como Mrs purple y podremos cerrar la sesión y verificarlo todo.
Si intento agregar un nuevo comentario, tengo acceso a él, pero si cierro la sesión e intento hacer eso, no puedo.
Me pidió que inicie sesión primero.
De acuerdo, oficialmente hemos terminado con los conceptos básicos de agregar auth a Joachim.
Tomemos un momento para revisar las cosas nuevas que vimos en esta lección.
En particular, mediante solicitud, el usuario que configuramos aquí solicita que el usuario esté vacío si no hay nadie conectado o contendrá el nombre de usuario en el
ID del usuario actual, por lo que estamos usando un uso posterior que llamará a esta función en
cada envoltura, así que es una buena forma de secar o codificar, donde no teníamos que ir y hacer esto en cada
ruta, y ahora podemos deshacernos de ella porque la estamos pasando usando o después de 8 años y
luego la otra cosa es que en nuestra plantilla solo estamos escribiendo una declaración simple de IF y
combinando esa lógica con cada T. METRO. puede ser realmente poderoso
Podemos mostrar y ocultar estos botones.
Podemos mostrar quién está conectado actualmente.
Cosas realmente importantes.
OK, así que definitivamente fue un maratón.
Cinco secciones diferentes pero logramos que funcione.
Creamos los modelos de usuario primero.
Creamos los formularios y las rutas de registro de inscripción y luego iniciamos sesión y luego finalizamos la sesión y, finalmente, trabajamos
en la barra de navegación y mostramos y ocultamos los enlaces y mostramos el usuario que inició sesión actualmente.
Está bien, te veré en la próxima unidad