1
00:00:00,450 --> 00:00:01,380
Dar una buena acogida.

2
00:00:01,470 --> 00:00:06,570
En este video nos enfocaremos en hacer que la barra de NAF muestre los enlaces correctamente para

3
00:00:06,570 --> 00:00:10,190
que cuando no inicie sesión solo vea iniciar sesión e iniciar sesión.

4
00:00:10,260 --> 00:00:15,510
Pero cuando inicias sesión, solo ves el cierre de sesión y luego también podemos mostrar un pequeño mensaje que indica

5
00:00:15,600 --> 00:00:17,010
que has iniciado sesión como.

6
00:00:17,160 --> 00:00:21,620
Y luego el nombre de usuario firmado en varios reposs inscritos come lo que sea.

7
00:00:21,640 --> 00:00:27,270
final de la parte para video y comencé a moverlo a un video separado para que pudieran dedicar un poco

8
00:00:27,270 --> 00:00:31,260
más de tiempo a entrar en detalles y explicar cómo funciona algo de esto.

9
00:00:31,260 --> 00:00:32,620
Inicialmente tenía todo esto al

10
00:00:32,640 --> 00:00:33,720
Entonces empecemos.

11
00:00:33,810 --> 00:00:35,790
Y lo que voy a hacer es abrir Hetter.

12
00:00:35,970 --> 00:00:36,860
Sí.

13
00:00:37,110 --> 00:00:42,510
Y aquí están las tres líneas que son responsables de esos tres enlaces aquí.

14
00:00:42,510 --> 00:00:47,270
Inicie sesión en cerrar sesión para ocultarlas y mostrarlas de forma adecuada.

15
00:00:47,280 --> 00:00:49,940
Necesitamos agregar un poco de E. J. esque lógica.

16
00:00:50,460 --> 00:00:53,120
Tendremos una declaración if que se parece a esto.

17
00:00:53,130 --> 00:00:54,630
Esto es solo un pseudo código.

18
00:00:54,630 --> 00:01:06,210
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.

19
00:01:06,210 --> 00:01:08,100
Ahora, por supuesto, esto no es javascript real.

20
00:01:08,220 --> 00:01:09,320
Tendremos que trabajar en eso.

21
00:01:09,450 --> 00:01:16,770
Pero lo que haremos es pasar una variable tal como lo hemos hecho aquí donde estamos pasando el campamento o lo estamos haciendo a

22
00:01:16,770 --> 00:01:22,530
tiempo aquí volviendo a pasar por el campamento, excepto que vamos a pasar un objeto de usuario y ese

23
00:01:22,530 --> 00:01:28,090
usuario contiene información sobre el usuario que ha iniciado sesión o si no hay un usuario conectado.

24
00:01:28,100 --> 00:01:32,960
Estará vacío sin definir y podemos usar esa variable de usuario en lugar de nuestra plantilla.

25
00:01:33,150 --> 00:01:34,490
Entonces si no está definido

26
00:01:34,740 --> 00:01:36,850
Comprobaremos si el usuario no está definido.

27
00:01:36,960 --> 00:01:40,800
Muestre esto, de lo contrario, muestre el registro en el enlace.

28
00:01:40,800 --> 00:01:45,080
Comencemos por averiguar cómo podemos obtener esa información sobre el usuario.

29
00:01:45,180 --> 00:01:51,880
Y comenzaré en una de estas rutas y haré la página de índice de campings que está aquí después de obtener los

30
00:01:51,910 --> 00:01:56,910
campings de barra porque es una ruta sencilla y buena y muchos de nuestros códigos redirigen a

31
00:01:56,910 --> 00:01:57,520
esta ruta.

32
00:01:58,050 --> 00:02:01,780
Y el secreto de todo esto es que la parte importante es el usuario directo de la solicitud.

33
00:02:02,040 --> 00:02:05,210
Por lo tanto, solicite que el usuario contendrá toda la información.

34
00:02:05,220 --> 00:02:09,840
Bueno, no todo excepto el nombre de usuario y la ID del usuario que inició sesión actualmente.

35
00:02:09,860 --> 00:02:10,920
Así que te mostraré.

36
00:02:11,100 --> 00:02:19,720
Hagamos una cancelación de las solicitudes de registro en el usuario e iniciemos el servidor y luego actualizaremos.

37
00:02:21,090 --> 00:02:22,310
Y nos volvemos indefinidos

38
00:02:22,410 --> 00:02:25,030
Y eso es porque actualmente no hay un usuario conectado.

39
00:02:25,130 --> 00:02:26,930
Así que solicite que los usuarios se vacíen.

40
00:02:26,980 --> 00:02:27,990
No existe.

41
00:02:28,290 --> 00:02:35,070
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

42
00:02:35,110 --> 00:02:41,090
de usuario y la ID, no la contraseña ni nada, excepto nombre de usuario e ID dentro del usuario de la solicitud.

43
00:02:41,460 --> 00:02:52,740
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.

44
00:02:52,920 --> 00:02:55,470
Va a ser realmente útil para nosotros en nuestras plantillas.

45
00:02:55,530 --> 00:02:57,220
Así que voy a pasar eso ahora.

46
00:02:57,270 --> 00:02:58,180
Deshazte de eso.

47
00:02:58,350 --> 00:03:03,930
Y luego, después de los campamentos, tendremos otro usuario actual variable de Akol que es igual a

48
00:03:04,300 --> 00:03:05,280
solicitar al usuario.

49
00:03:05,460 --> 00:03:10,050
Y luego en nuestra plantilla podemos escribir alguna lógica simple que verifique si hay un usuario actual.

50
00:03:10,320 --> 00:03:15,620
Y luego en nuestra plantilla podemos agregar una lógica muy simple usando la variable de usuario actual.

51
00:03:15,720 --> 00:03:18,220
Entonces, ahorremos y vayamos a indexar eso.

52
00:03:18,290 --> 00:03:18,750
Sí.

53
00:03:18,780 --> 00:03:22,650
Que es el índice de campings y solo en la parte superior.

54
00:03:22,800 --> 00:03:32,730
Solo agreguemos un poco de H para eso solo imprima el usuario actual y reiniciemos el servidor.

55
00:03:33,880 --> 00:03:45,720
Y si voy ahora, no vemos nada, pero si me conecto varias veces, ahora veo al usuario

56
00:03:45,720 --> 00:03:46,590
actual.

57
00:03:46,590 --> 00:03:52,320
Ahora estamos pasando esos datos a través de nuestra plantilla, pero en lugar de usarla en lugar de

58
00:03:52,320 --> 00:03:56,850
esta plantilla de índice, queremos usarla dentro de la plantilla de la barra de navegación.

59
00:03:57,240 --> 00:04:01,750
Y recuerde que tenemos acceso a cualquiera de las variables que pasamos a través de nuestra plantilla.

60
00:04:01,890 --> 00:04:03,610
Incluso dentro de Parshall's.

61
00:04:03,690 --> 00:04:08,650
Entonces dentro de cada uno de nosotros vamos a agregar una declaración if y se ve así.

62
00:04:08,760 --> 00:04:20,970
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

63
00:04:20,970 --> 00:04:21,450
de

64
00:04:24,660 --> 00:04:30,380
cierre de sesión y luego, por supuesto, necesitamos nuestras etiquetas Ejaz.

65
00:04:30,540 --> 00:04:38,430
Entonces, hagámoslo sin signos iguales así.

66
00:04:38,430 --> 00:04:39,250
Y casi hemos

67
00:04:42,550 --> 00:04:47,990
terminado, entonces estamos comprobando si una variable de usuario actual está vacía, entonces vamos a mostrar esto.

68
00:04:48,220 --> 00:04:49,950
De lo contrario, mostraremos el enlace de cierre de sesión.

69
00:04:50,320 --> 00:04:56,290
Pero esto solo funcionará ahora, al menos en esta ruta, ya que no pasamos al usuario

70
00:04:56,290 --> 00:04:58,210
actual por ninguna otra ruta.

71
00:04:58,300 --> 00:05:00,140
Pero asegurémonos de que funcione.

72
00:05:00,310 --> 00:05:04,660
Así que reiniciaré la aplicación si actualizo la página.

73
00:05:04,750 --> 00:05:05,260
Estupendo.

74
00:05:05,260 --> 00:05:10,130
Solo veo el inicio de sesión y el registro, y eso es porque no estoy conectado.

75
00:05:10,450 --> 00:05:16,360
Ahora, si hago clic en el inicio de sesión, tendremos un problema, que es que tenemos el archivo de encabezado y

76
00:05:16,360 --> 00:05:19,800
está tratando de usar el usuario actual, pero no pasamos al usuario actual.

77
00:05:19,990 --> 00:05:25,420
Así que en realidad esto sucederá en cualquier ruta que tenga ahora Ackbar porque no

78
00:05:25,420 --> 00:05:28,930
estamos pasando al usuario actual, excepto en barra de Capgras.

79
00:05:29,500 --> 00:05:35,520
Entonces, lo que queremos hacer es pasar al usuario actual a través de esta línea, básicamente, en cada ruta.

80
00:05:36,040 --> 00:05:40,750
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.

81
00:05:40,750 --> 00:05:41,220
Y en

82
00:05:41,530 --> 00:05:46,240
Y hay una manera fácil de hacerlo, donde no tenemos que agregar manualmente a

83
00:05:46,250 --> 00:05:54,070
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.

84
00:05:54,430 --> 00:05:57,650
Cualquier función que proporcionemos se llamará en cada ruta.

85
00:05:57,850 --> 00:06:03,420
Entonces vamos a darle una respuesta de solicitud de función y también necesitamos esa próxima variable.

86
00:06:04,360 --> 00:06:09,280
Y lo que queremos hacer es pasar esa solicitud al usuario a cada plantilla y hay una manera

87
00:06:09,280 --> 00:06:10,180
fácil de hacerlo.

88
00:06:10,260 --> 00:06:12,930
Sake rez locales.

89
00:06:13,110 --> 00:06:19,940
El usuario actual de la solicitud del usuario, sea lo que sea que hayamos colocado en el local, es lo que está disponible

90
00:06:20,390 --> 00:06:26,230
en lugar de nuestra plantilla, y la otra cosa realmente importante es avanzar al siguiente código porque se trata

91
00:06:26,230 --> 00:06:29,040
de un middleware que se ejecutará para cada ruta.

92
00:06:29,080 --> 00:06:31,570
Si no tenemos esto a continuación, simplemente se detendrá.

93
00:06:31,570 --> 00:06:36,400
Nada sucederá después, así que necesitamos tener el siguiente para pasar al siguiente middleware que en realidad

94
00:06:36,400 --> 00:06:39,430
será el manejador de ruta en la mayoría de los casos.

95
00:06:40,090 --> 00:06:45,580
Entonces, si probamos este reinicio, el servidor actualizará la página.

96
00:06:45,580 --> 00:06:46,770
Esto debería funcionar bien.

97
00:06:46,900 --> 00:06:52,150
Si voy a iniciar sesión, ahora tengo el formulario de inicio de sesión y no recibo un error.

98
00:06:52,360 --> 00:06:55,330
Y veo los enlaces correctos porque no estoy conectado.

99
00:06:55,390 --> 00:06:57,400
Ahora, si vuelvo a iniciar sesión como

100
00:07:00,790 --> 00:07:05,050
sèvres, solo veo el cierre de sesión excelente y trato de cerrar la sesión.

101
00:07:05,710 --> 00:07:06,180
Increíble.

102
00:07:06,190 --> 00:07:07,180
Entonces está funcionando.

103
00:07:07,210 --> 00:07:12,360
Lo último que quería hacer es que cuando hayas iniciado sesión, hagámoslo una vez más.

104
00:07:12,810 --> 00:07:16,360
Desea ver aquí en lugar de iniciar sesión e inscribirse.

105
00:07:16,370 --> 00:07:20,920
Desea ver que actualmente esté registrado como Zephyrus y eso es bastante fácil de hacer.

106
00:07:21,130 --> 00:07:22,290
En vez de encabezar cada uno.

107
00:07:22,330 --> 00:07:30,010
Sí, ya tenemos un usuario actual, de modo que si hay un usuario actual en este otro,

108
00:07:31,360 --> 00:07:36,200
simplemente agregaremos otro aliado y Ally simplemente agregará el texto.

109
00:07:37,300 --> 00:07:41,300
Vamos a iniciar sesión como.

110
00:07:41,760 --> 00:07:46,050
Y luego simplemente interpretamos o agregamos con cada uno como etiquetas.

111
00:07:46,060 --> 00:07:54,250
Nombre de usuario de punto de usuario actual y guardar reiniciar y veamos cómo se ve esto.

112
00:07:54,250 --> 00:07:57,810
Es posible que necesitemos darle un poco de actualización.

113
00:07:58,000 --> 00:08:01,030
Vamos a mentir otra vez.

114
00:08:05,860 --> 00:08:07,570
Ingresó como Severus.

115
00:08:07,660 --> 00:08:09,430
Y sí, queremos estilizar eso.

116
00:08:09,430 --> 00:08:17,330
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

117
00:08:17,440 --> 00:08:20,970
con el dedo Atra es igual al signo de la libra.

118
00:08:21,040 --> 00:08:25,780
Puede que tenga sentido que esto sea realmente un enlace a la página de perfil que no tenemos.

119
00:08:25,780 --> 00:08:30,790
Pero si tuviéramos páginas de perfil, podrías hacer clic en esto y te llevaría a tu perfil, pero por

120
00:08:30,790 --> 00:08:31,470
ahora está bien.

121
00:08:31,780 --> 00:08:34,070
Entonces cerrará la sesión que debería desaparecer.

122
00:08:34,150 --> 00:08:36,330
Probemos registrarnos y veamos cómo funciona eso.

123
00:08:36,580 --> 00:08:42,000
Por lo tanto, me registraré como Mrs purple y la contraseña será de color púrpura.

124
00:08:42,010 --> 00:08:49,570
Regístrese y vuelva a iniciar sesión como Mrs purple y podremos cerrar la sesión y verificarlo todo.

125
00:08:49,790 --> 00:08:59,950
Si intento agregar un nuevo comentario, tengo acceso a él, pero si cierro la sesión e intento hacer eso, no puedo.

126
00:09:00,130 --> 00:09:01,550
Me pidió que inicie sesión primero.

127
00:09:01,870 --> 00:09:05,690
De acuerdo, oficialmente hemos terminado con los conceptos básicos de agregar auth a Joachim.

128
00:09:05,950 --> 00:09:09,660
Tomemos un momento para revisar las cosas nuevas que vimos en esta lección.

129
00:09:09,790 --> 00:09:18,250
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

130
00:09:18,400 --> 00:09:23,830
ID del usuario actual, por lo que estamos usando un uso posterior que llamará a esta función en

131
00:09:23,830 --> 00:09:30,400
cada envoltura, así que es una buena forma de secar o codificar, donde no teníamos que ir y hacer esto en cada

132
00:09:30,400 --> 00:09:35,770
ruta, y ahora podemos deshacernos de ella porque la estamos pasando usando o después de 8 años y

133
00:09:35,770 --> 00:09:41,350
luego la otra cosa es que en nuestra plantilla solo estamos escribiendo una declaración simple de IF y

134
00:09:41,350 --> 00:09:46,960
combinando esa lógica con cada T. METRO. puede ser realmente poderoso

135
00:09:46,960 --> 00:09:48,320
Podemos mostrar y ocultar estos botones.

136
00:09:48,340 --> 00:09:50,580
Podemos mostrar quién está conectado actualmente.

137
00:09:50,830 --> 00:09:52,090
Cosas realmente importantes.

138
00:09:52,420 --> 00:09:54,900
OK, así que definitivamente fue un maratón.

139
00:09:54,910 --> 00:09:57,730
Cinco secciones diferentes pero logramos que funcione.

140
00:09:57,760 --> 00:09:59,400
Creamos los modelos de usuario primero.

141
00:09:59,560 --> 00:10:05,800
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

142
00:10:05,800 --> 00:10:11,180
en la barra de navegación y mostramos y ocultamos los enlaces y mostramos el usuario que inició sesión actualmente.

143
00:10:11,230 --> 00:10:12,520
Está bien, te veré en la próxima unidad