1
00:00:00,450 --> 00:00:01,380
Bem vindo de volta.

2
00:00:01,470 --> 00:00:06,570
Neste vídeo, vamos nos concentrar em obter a barra NAF para exibir os links corretamente, de modo que

3
00:00:06,570 --> 00:00:10,190
quando você não estiver conectado, você só verá logar e se inscrever.

4
00:00:10,260 --> 00:00:15,510
Mas quando você está logado, você vê apenas sair e, em seguida, também podemos exibir uma pequena mensagem que

5
00:00:15,600 --> 00:00:17,010
diz que iniciou sessão como.

6
00:00:17,160 --> 00:00:21,620
E, em seguida, o nome de usuário assinado em vários assinados no resto coma o que quer que seja.

7
00:00:21,640 --> 00:00:27,270
final da peça para o vídeo e eu comecei a movê-lo para um vídeo separado para que eles pudessem

8
00:00:27,270 --> 00:00:31,260
passar um pouco mais de tempo em detalhes e explicando como isso funciona.

9
00:00:31,260 --> 00:00:32,620
Inicialmente, teve tudo isso no

10
00:00:32,640 --> 00:00:33,720
Então vamos começar.

11
00:00:33,810 --> 00:00:35,790
E o que eu vou fazer é abrir Hetter.

12
00:00:35,970 --> 00:00:36,860
Sim.

13
00:00:37,110 --> 00:00:42,510
E aqui estão as três linhas que são responsáveis ​​por esses três links aqui.

14
00:00:42,510 --> 00:00:47,270
Faça login e faça o login para esconder e mostrar adequadamente.

15
00:00:47,280 --> 00:00:49,940
Precisamos adicionar um simples E. J. lógica esquecida.

16
00:00:50,460 --> 00:00:53,120
Teremos uma declaração if que se parece com algo assim.

17
00:00:53,130 --> 00:00:54,630
Este é apenas um pseudo código.

18
00:00:54,630 --> 00:01:06,210
Mas se nenhum usuário mostrará log in e registre-se e, em seguida, mostrará o link de logout.

19
00:01:06,210 --> 00:01:08,100
Agora, claro, isso não é javascript real.

20
00:01:08,220 --> 00:01:09,320
Teremos que trabalhar com isso.

21
00:01:09,450 --> 00:01:16,770
Mas o que faremos é passar uma variável tal como fizemos aqui onde estamos passando no acampamento ou estamos fazendo

22
00:01:16,770 --> 00:01:22,530
isso a tempo aqui repassando acampamento de novo, exceto que vamos passar um objeto de usuário

23
00:01:22,530 --> 00:01:28,090
e esse usuário irá contém informações sobre o usuário conectado ou se não há usuários registrados.

24
00:01:28,100 --> 00:01:32,960
Ele estará vazio indefinido e podemos usar essa variável de usuário em vez de nosso modelo.

25
00:01:33,150 --> 00:01:34,490
Então, se é indefinido.

26
00:01:34,740 --> 00:01:36,850
Verificaremos se o usuário está indefinido.

27
00:01:36,960 --> 00:01:40,800
Mostre estes de outra forma, mostre o log no link.

28
00:01:40,800 --> 00:01:45,080
Então, comece por descobrir como podemos obter esses dados sobre o usuário.

29
00:01:45,180 --> 00:01:51,880
E vou começar em uma dessas rotas e vou fazer a página de índice de acampamento que está aqui depois de

30
00:01:51,910 --> 00:01:56,910
ter acampamentos de barracão porque é uma rota simples e muito do nosso código redireciona para

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

32
00:01:58,050 --> 00:02:01,780
E o segredo para tudo isso, a parte importante é solicitar um usuário direto.

33
00:02:02,040 --> 00:02:05,210
Então solicite que o usuário contenha todas as informações.

34
00:02:05,220 --> 00:02:09,840
Bem, não tudo isso, mas o nome do usuário e o ID do usuário conectado no momento.

35
00:02:09,860 --> 00:02:10,920
Então eu vou te mostrar.

36
00:02:11,100 --> 00:02:19,720
Vamos apenas fazer um cancelamento de pedidos de log no usuário e iniciar o servidor e depois vou atualizar.

37
00:02:21,090 --> 00:02:22,310
E ficamos indefinidos.

38
00:02:22,410 --> 00:02:25,030
E é por isso que não há usuários registrados no momento.

39
00:02:25,130 --> 00:02:26,930
Então solicite que os usuários vazem.

40
00:02:26,980 --> 00:02:27,990
Não existe.

41
00:02:28,290 --> 00:02:35,070
Mas, uma vez que eu logar o que o passaporte fará é criar solicitações de que o usuário insira os dados do usuário apenas o nome de

42
00:02:35,110 --> 00:02:41,090
usuário e o ID, não a senha ou qualquer coisa, exceto o nome de usuário e a ID dentro do usuário do pedido.

43
00:02:41,460 --> 00:02:52,740
Então, faça um login na senha do Severus clique em logon Vamos para o olhar, você pode ver que agora é o pedido desse usuário.

44
00:02:52,920 --> 00:02:55,470
Vai ser realmente útil para nós em nossos modelos.

45
00:02:55,530 --> 00:02:57,220
Então eu vou passar por isso agora.

46
00:02:57,270 --> 00:02:58,180
Se livrar disso.

47
00:02:58,350 --> 00:03:03,930
E então, depois de acampamentos, teremos apenas uma outra variável Akol usuário atual que é igual

48
00:03:04,300 --> 00:03:05,280
ao usuário pedido.

49
00:03:05,460 --> 00:03:10,050
E então, no nosso modelo, podemos escrever uma lógica simples que verifica se existe um usuário atual.

50
00:03:10,320 --> 00:03:15,620
E então, em nosso modelo, podemos adicionar uma lógica muito simples usando a variável de usuário atual.

51
00:03:15,720 --> 00:03:18,220
Então, vamos salvar e vamos indexar isso.

52
00:03:18,290 --> 00:03:18,750
Sim.

53
00:03:18,780 --> 00:03:22,650
Qual é o índice de campgrounds e apenas no topo.

54
00:03:22,800 --> 00:03:32,730
Vamos apenas adicionar um pouco H para isso, apenas imprimir o usuário atual e vamos reiniciar o servidor.

55
00:03:33,880 --> 00:03:45,720
E se eu for agora, não vemos nada, mas, se eu entrar várias vezes, eu vejo o usuário

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

57
00:03:46,590 --> 00:03:52,320
Então, estamos passando esses dados através do nosso modelo, mas ao invés de usá-lo em vez desse modelo

58
00:03:52,320 --> 00:03:56,850
de índice, nós realmente queremos usá-lo dentro do modelo de barra de navegação, o cabeçalho.

59
00:03:57,240 --> 00:04:01,750
E lembre-se de que temos acesso a qualquer uma das variáveis ​​que passamos através do nosso modelo.

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

61
00:04:03,690 --> 00:04:08,650
Então, dentro de cada um de nós, vamos adicionar uma afirmação if e isso parece ser assim.

62
00:04:08,760 --> 00:04:20,970
Se não houver nenhum usuário atual, poderíamos fazer isso, então exibamos esses dois links e então teremos o nosso mais exibir o

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

64
00:04:24,660 --> 00:04:30,380
de logout e, é claro, precisamos das nossas tags Ejaz.

65
00:04:30,540 --> 00:04:38,430
Então, vamos fazer isso sem sinais iguais assim.

66
00:04:38,430 --> 00:04:39,250
E estamos

67
00:04:42,550 --> 00:04:47,990
quase concluídos para verificar se uma variável de usuário atual está vazia, então vamos mostrar isso.

68
00:04:48,220 --> 00:04:49,950
Caso contrário, mostraremos o link de logout.

69
00:04:50,320 --> 00:04:56,290
Mas isso só funcionará agora, pelo menos, nessa rota, acalma acampamentos, porque não passamos o

70
00:04:56,290 --> 00:04:58,210
usuário atual em outras rotas.

71
00:04:58,300 --> 00:05:00,140
Mas vamos apenas ter certeza de que ele funciona.

72
00:05:00,310 --> 00:05:04,660
Então, vou reiniciar o aplicativo se eu atualizar a página.

73
00:05:04,750 --> 00:05:05,260
Ótimo.

74
00:05:05,260 --> 00:05:10,130
Eu só vejo logon e inscreva-se e é por isso que não estou logado.

75
00:05:10,450 --> 00:05:16,360
Agora, se eu clicar no logon, teremos um problema que é que temos o arquivo de cabeçalho e está tentando

76
00:05:16,360 --> 00:05:19,800
usar o usuário atual, mas nós não passamos o usuário atual.

77
00:05:19,990 --> 00:05:25,420
Então, na verdade, isso acontecerá em qualquer rota que tenha agora a Ackbar porque não

78
00:05:25,420 --> 00:05:28,930
estamos passando o usuário atual, exceto no Slash Capgras.

79
00:05:29,500 --> 00:05:35,520
Então, o que queremos fazer é passar o usuário atual basicamente nesta linha aqui em cada rota.

80
00:05:36,040 --> 00:05:40,750
alguns deles pode estar vazio, alguns deles terão dados do usuário, mas queremos que estejam disponíveis em todas as rotas.

81
00:05:40,750 --> 00:05:41,220
E em

82
00:05:41,530 --> 00:05:46,240
E há uma maneira fácil de fazer isso onde não temos que adicionar manualmente a

83
00:05:46,250 --> 00:05:54,070
cada rota e subir de cima antes de nossas rotas apenas para adicionar em outra atualização usar depois de usar e adicionaremos nosso próprio middleware pequeno.

84
00:05:54,430 --> 00:05:57,650
Seja qual for a função que fornecemos, será chamado em todas as rotas.

85
00:05:57,850 --> 00:06:03,420
Então, vamos dar uma resposta de solicitação de função e também precisamos da próxima variável.

86
00:06:04,360 --> 00:06:09,280
E o que queremos fazer é passar esse pedido no usuário para cada modelo e há uma maneira fácil

87
00:06:09,280 --> 00:06:10,180
de fazer isso.

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

89
00:06:13,110 --> 00:06:19,940
O Usuário atual do usuário atual o que colocamos em repouso no local é o que está disponível em vez do nosso

90
00:06:20,390 --> 00:06:26,230
modelo e, em seguida, o outro importante é que você precisa passar para o próximo código atual porque este

91
00:06:26,230 --> 00:06:29,040
é um middleware que será executado para cada rota.

92
00:06:29,080 --> 00:06:31,570
Se não tivermos este próximo, ele simplesmente irá parar.

93
00:06:31,570 --> 00:06:36,400
Nada acontecerá depois, então precisamos ter o próximo para avançar para o próximo middleware que na

94
00:06:36,400 --> 00:06:39,430
verdade será o manipulador de rotas na maioria dos casos.

95
00:06:40,090 --> 00:06:45,580
Então, agora, se tentarmos, reinicie o servidor, atualize a página.

96
00:06:45,580 --> 00:06:46,770
Isso deve funcionar bem.

97
00:06:46,900 --> 00:06:52,150
Se eu vou fazer login, agora tenho o formulário de login e não recebo um erro.

98
00:06:52,360 --> 00:06:55,330
E vejo os links corretos porque não estou logado.

99
00:06:55,390 --> 00:06:57,400
Agora, se eu entrar como sèvres

100
00:07:00,790 --> 00:07:05,050
novamente, eu só vejo log out great e tente clicar em sair.

101
00:07:05,710 --> 00:07:06,180
Impressionante.

102
00:07:06,190 --> 00:07:07,180
Então está funcionando.

103
00:07:07,210 --> 00:07:12,360
A última coisa que eu queria fazer é que, quando você entrar, vamos fazer isso mais uma vez.

104
00:07:12,810 --> 00:07:16,360
Você quer ver aqui em vez de entrar e se inscrever.

105
00:07:16,370 --> 00:07:20,920
Você quer ver atualmente conectado como Zephyrus e isso é muito fácil de fazer.

106
00:07:21,130 --> 00:07:22,290
Em vez de nossa cabeça cada.

107
00:07:22,330 --> 00:07:30,010
Sim, já temos usuários atuais, então, se houver um usuário atual neste outro, só vamos

108
00:07:31,360 --> 00:07:36,200
adicionar outro aliado e que Ally apenas adicionará o texto.

109
00:07:37,300 --> 00:07:41,300
Vamos fazer o login como.

110
00:07:41,760 --> 00:07:46,050
E então, simplesmente interpretamos ou adicionamos com cada um como tags.

111
00:07:46,060 --> 00:07:54,250
Usuário atual dot username e salvar reiniciar e vamos ver como isto parece.

112
00:07:54,250 --> 00:07:57,810
Podemos precisar fazer um estilo de atualização um pouco.

113
00:07:58,000 --> 00:08:01,030
Vamos mentir de novo.

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

115
00:08:07,660 --> 00:08:09,430
E sim nós queremos estilo disso.

116
00:08:09,430 --> 00:08:17,330
Então, vamos fazer uma marca de âncora como as outras e não vamos dar uma referência H para que você possa obter a

117
00:08:17,440 --> 00:08:20,970
etiqueta de dedo Atra é igual ao sinal da libra.

118
00:08:21,040 --> 00:08:25,780
Pode ter sentido que este seja realmente um link para a página de perfil, porém, o que não temos.

119
00:08:25,780 --> 00:08:30,790
Mas se tivéssemos páginas de perfil, você poderia clicar nisso e isso levaria você ao seu perfil, mas isso é

120
00:08:30,790 --> 00:08:31,470
bom por enquanto.

121
00:08:31,780 --> 00:08:34,070
Então, vai sair do que deve sair.

122
00:08:34,150 --> 00:08:36,330
Vamos tentar registrar e ver como isso funciona.

123
00:08:36,580 --> 00:08:42,000
Então eu vou me inscrever como a Sra. Purple e a senha será púrpura.

124
00:08:42,010 --> 00:08:49,570
Inscreva-se e entre em contato com a Sra. Purple e podemos sair e vamos verificar tudo.

125
00:08:49,790 --> 00:08:59,950
Que, se eu tentar e adicionar um novo comentário, tenho acesso a ele, mas se eu sair e eu tento fazer isso, não posso.

126
00:09:00,130 --> 00:09:01,550
Ele me pediu para fazer login primeiro.

127
00:09:01,870 --> 00:09:05,690
OK, então, estamos oficialmente terminados com os conceitos básicos de adicionar autenticação a Joachim.

128
00:09:05,950 --> 00:09:09,660
Vamos dar um momento para rever as coisas novas que vimos nesta lição.

129
00:09:09,790 --> 00:09:18,250
Em particular, usando o pedido, o usuário que definimos aqui solicita que o usuário esteja vazio se não houver nenhum login ou conterá o nome de usuário

130
00:09:18,400 --> 00:09:23,830
no ID do usuário atual, então estamos usando um uso posterior que chamará esta função em cada

131
00:09:23,830 --> 00:09:30,400
envoltório único, por isso é uma boa maneira de secar ou codificar onde não precisamos ir e fazer isso em todas

132
00:09:30,400 --> 00:09:35,770
as rotas e podemos realmente nos livrar dele agora porque estamos passando usando ou depois de 8

133
00:09:35,770 --> 00:09:41,350
anos e depois O outro é que, no nosso modelo, estamos escrevendo apenas uma declaração IF simples e

134
00:09:41,350 --> 00:09:46,960
combinando essa lógica com cada T. M. pode ser realmente poderoso.

135
00:09:46,960 --> 00:09:48,320
Podemos mostrar e ocultar esses botões.

136
00:09:48,340 --> 00:09:50,580
Podemos mostrar quem está logado no momento.

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

138
00:09:52,420 --> 00:09:54,900
Ok, então foi um pouco de uma maratona definitivamente.

139
00:09:54,910 --> 00:09:57,730
Cinco seções diferentes, mas conseguimos que funcionasse.

140
00:09:57,760 --> 00:09:59,400
Criamos os modelos de usuários primeiro.

141
00:09:59,560 --> 00:10:05,800
Criamos os formulários de inscrição e os roteiros e, em seguida, efetue o login e, em seguida, o fim de sessão

142
00:10:05,800 --> 00:10:11,180
e, finalmente, trabalhamos na barra de navegação e mostrando e escondendo links e exibindo o usuário atualmente conectado.

143
00:10:11,230 --> 00:10:12,520
Tudo bem, vou te ver na próxima unidade