1 00:00:00,300 --> 00:00:05,490 Bem-vindo novamente nesta lição que é parte 3 de adicionar autenticação ao seu acampamento, vamos nos concentrar no 2 00:00:05,490 --> 00:00:11,520 loggin, estaremos escrevendo os dois em rotas e, em seguida, também o log e o modelo com o formulário que as 3 00:00:11,520 --> 00:00:12,230 crianças começaram aqui. 4 00:00:12,720 --> 00:00:15,840 Então, assim como o login do registro, precisa ter duas rotas. 5 00:00:15,960 --> 00:00:20,790 Este deve ser um pouco de uma revisão da última unidade em que cobrimos com mais detalhes, mas precisamos 6 00:00:20,790 --> 00:00:25,260 de um pedido GET para mostrar o formulário e, em seguida, oposto a realmente fazer o logon. 7 00:00:25,260 --> 00:00:28,620 Então vamos começar com o formulário e vou adicionar um comentário aqui. 8 00:00:28,620 --> 00:00:31,830 Mostrar log in form assim. 9 00:00:32,250 --> 00:00:41,040 E então, uma vez que você tenha um apetite, obtenha um registro cortado na resposta da nossa solicitação e a devolução de devolução a 10 00:00:41,040 --> 00:00:46,130 cada passo e, em seguida, renderizará o modelo de logon que ainda não existe. 11 00:00:46,140 --> 00:00:49,920 Agora, crie esse toque para exibir barra acessar. 12 00:00:49,960 --> 00:00:50,320 E. J. Sim 13 00:00:50,340 --> 00:00:52,200 e agora está aberto para começar. 14 00:00:55,020 --> 00:00:55,890 E cada um que apenas diz entrar e salvar um servidor inicial. 15 00:00:55,880 --> 00:01:02,660 Vamos ao nosso aplicativo e tente acessar o login da barra. 16 00:01:03,420 --> 00:01:08,070 Aqui vamos nós. 17 00:01:08,100 --> 00:01:08,910 Parece bom. 18 00:01:08,910 --> 00:01:09,770 Nenhum almoço no fórum. 19 00:01:10,010 --> 00:01:11,910 Então, precisamos ter uma etiqueta de formulário 20 00:01:12,180 --> 00:01:18,690 e vamos começar com nossas entradas e colocar texto de chamadas de tipo e nós poderíamos simplesmente roubar isso no formulário de registro. 21 00:01:18,690 --> 00:01:20,260 Mas é uma boa prática digitá-lo novamente do zero. 22 00:01:20,490 --> 00:01:23,070 Então, o tipo de entrada é o nome do texto e o nome de usuário do usuário iguala o nome de usuário também. 23 00:01:23,070 --> 00:01:32,230 E, em seguida, outro tipo de entrada igual ao nome da senha é igual ao marcador de posição da senha é igual à senha. 24 00:01:33,180 --> 00:01:45,210 que eu fiz, vou usar um tipo de entrada apenas para demonstrar que você pode usar qualquer um. 25 00:01:45,210 --> 00:01:50,430 E então, em vez de fazer um botão 26 00:01:50,640 --> 00:01:53,430 Então submeta o tipo de entrada. 27 00:01:53,440 --> 00:01:55,590 E então precisamos dar um valor. 28 00:01:56,580 --> 00:01:58,140 E é isso que realmente aparecerá. 29 00:01:58,590 --> 00:02:00,100 Então, o valor só vai dizer entrar, mas salvar Dê uma olhada no nosso formulário. 30 00:02:00,150 --> 00:02:05,780 ESTÁ BEM. 31 00:02:06,200 --> 00:02:06,770 Nós temos o formulário. 32 00:02:06,960 --> 00:02:07,880 Não faz nada agora porque precisamos dar uma ação e um método. 33 00:02:07,920 --> 00:02:13,680 E, assim como registrar no registro, temos uma solicitação de 34 00:02:14,160 --> 00:02:20,490 publicação que estamos fazendo para gravar o registro no formulário de logon. 35 00:02:20,490 --> 00:02:21,540 Vamos fazer uma solicitação de publicação para acessar o logon. 36 00:02:21,540 --> 00:02:25,040 Portanto, a ação deve ser o logon social e o método deve ser publicado e nós vamos salvá-lo para garantir que isso funcione. 37 00:02:25,620 --> 00:02:34,110 Então, se eu acertar no início de sessão, agora receberemos uma pequena mensagem que diz que não é possível 38 00:02:35,010 --> 00:02:40,740 registrar o log da barra porque não temos uma rota para isso. 39 00:02:40,740 --> 00:02:42,750 Então, eu voltarei a sim 40 00:02:42,750 --> 00:02:49,530 e adicionarei nossa rota de log in e esta rota será responsável por lidar com lógica de login. 41 00:02:50,010 --> 00:02:51,970 Então, amped up post slash log in em nosso callback. 42 00:02:52,380 --> 00:02:59,750 E então, o que faremos é fazer um simples envio de mensagens. 43 00:02:59,790 --> 00:03:05,100 A lógica acontece aqui e só queremos garantir que vejamos 44 00:03:05,190 --> 00:03:12,360 isso e devemos reiniciar o servidor sempre que mudarmos ou adicionar uma nova rota. 45 00:03:12,360 --> 00:03:15,420 Agora vamos atualizar, digite qualquer coisa. 46 00:03:15,420 --> 00:03:18,140 Nós realmente não precisamos preencher esses logs e nós começamos a lógica de logon acontece aqui. 47 00:03:18,240 --> 00:03:23,290 Tudo bem. 48 00:03:23,610 --> 00:03:24,300 Ótimo. 49 00:03:24,420 --> 00:03:24,720 Então, nós 50 00:03:24,720 --> 00:03:29,700 temos as rotas corretamente, mas eu realmente vou me livrar de tudo isso, porque se você se lembrar da última unidade da maneira que podemos fazer login é usando um middleware. 51 00:03:29,700 --> 00:03:34,300 E esse é o passaporte. 52 00:03:34,590 --> 00:03:35,690 Autenticar o middleware. 53 00:03:35,720 --> 00:03:36,960 Então adicione que aqui o passaporte Khama autenticar. 54 00:03:37,050 --> 00:03:42,400 E, em seguida, dentro, precisamos fornecer locais. 55 00:03:42,780 --> 00:03:45,530 E então, depois de um segundo 56 00:03:45,720 --> 00:03:51,600 argumento local, nós fornecemos um objeto e esse objeto terá sucesso em duas coisas. 57 00:03:51,660 --> 00:03:53,040 Redirecionar. 58 00:03:53,040 --> 00:03:54,300 E se um 59 00:03:54,750 --> 00:04:03,580 usuário logar com sucesso, vamos redirecionar para barrajar acampamentos e um redirecionamento de falha e vamos recuar agora que temos texto suficiente aqui. 60 00:04:03,580 --> 00:04:08,020 OK, então o redirecionamento de sucesso e um redirecionamento de 61 00:04:08,910 --> 00:04:13,020 falha e redirecionará apenas de volta ao log de barra. 62 00:04:16,370 --> 00:04:18,800 Se falhar exatamente assim, há 63 00:04:18,840 --> 00:04:26,580 muito carrapato aqui e ainda precisamos de uma vírgula e então devemos estar bem. 64 00:04:26,580 --> 00:04:27,750 Então vamos passar por isso novamente. 65 00:04:27,750 --> 00:04:29,220 É um pouco de revisão 66 00:04:29,220 --> 00:04:35,010 de antes de não termos aumentado a rota de publicação para reduzir o log quando uma solicitação vem em barra acessar. 67 00:04:35,010 --> 00:04:36,170 Isso vai ser executado primeiro. 68 00:04:36,210 --> 00:04:37,580 Tudo isso e tudo isso é apenas o segundo argumento. 69 00:04:37,620 --> 00:04:40,860 Então, parece que esta publicação apt, temos o 70 00:04:40,860 --> 00:04:47,430 Slash log in, então temos o middleware e, em seguida, temos nossa chamada de retorno. 71 00:04:47,430 --> 00:04:49,280 Então, o middleware vai daqui 72 00:04:49,980 --> 00:04:55,860 até lá, o que sempre é um pouco confuso quando você coloca as coisas em novas linhas. 73 00:04:55,860 --> 00:04:56,520 Mas é muito 74 00:04:56,520 --> 00:05:02,100 melhor do que apenas ter uma linha gigantesca, não o middleware, vamos chamar de método de autenticação, que configuramos até aqui tanto código para ir até o topo. 75 00:05:02,580 --> 00:05:09,060 Aqui estamos. 76 00:05:09,090 --> 00:05:10,170 O passaporte não usa o usuário da estratégia local ou autenticar. 77 00:05:10,500 --> 00:05:14,870 Então, quando chamamos as coisas de dados do usuário, Kate ou 78 00:05:14,880 --> 00:05:22,020 o ponto de passaporte autenticam em uma estratégia local, ele usará o método que não precisamos escrever. 79 00:05:22,020 --> 00:05:23,650 Foi entregue gratuitamente a nós, usando o pacote de mangustão local do passaporte. 80 00:05:23,670 --> 00:05:27,900 então autenticará essa senha com o que armazenamos no banco de dados para esse usuário. 81 00:05:28,020 --> 00:05:33,390 Mas vai chamar essa autenticação, que então levará o pedido de senha do corpo pelo nome de usuário e 82 00:05:33,570 --> 00:05:37,730 E cuida de toda a lógica complexa de que não precisamos nos preocupar. 83 00:05:37,810 --> 00:05:41,050 E então, se funcionar, redireciona esses campos de acampamento, 84 00:05:41,460 --> 00:05:47,670 se não funcionar redirecionar para reduzir e então temos este Colbeck aqui que realmente não faz nada. 85 00:05:47,670 --> 00:05:49,670 E podemos nos livrar disso se quisermos. 86 00:05:49,670 --> 00:05:51,320 Mas eu só quero deixá-lo lá para que você esteja ciente de que este é um middleware. 87 00:05:51,780 --> 00:05:55,670 ESTÁ BEM. 88 00:05:56,070 --> 00:05:56,810 Então reinicie o servidor. 89 00:05:57,030 --> 00:05:59,210 Vamos ver o que acontece Eu vou me livrar desta linha. 90 00:05:59,670 --> 00:06:02,730 Está reclamando sobre isso. 91 00:06:03,050 --> 00:06:05,330 Aqui vamos nós. 92 00:06:05,370 --> 00:06:06,700 Vamos atualizar e vamos conectar 93 00:06:07,560 --> 00:06:14,130 com a mesma conta que eles criaram na última vez que Severus e a senha são senha Nahit log in e eu vou acampar acampamentos. 94 00:06:14,280 --> 00:06:19,810 Ótimo. 95 00:06:19,860 --> 00:06:20,880 Agora vamos voltar. 96 00:06:20,880 --> 00:06:22,430 Eu reiniciarei o servidor novamente e me deixará tentar ler algo que eu sei que não funciona. 97 00:06:22,500 --> 00:06:28,240 Espero que não tenhamos uma conta com essa senha e voltei ao formulário de 98 00:06:29,070 --> 00:06:34,350 login, porque é isso que eu configurei como o redirecionamento de falha. 99 00:06:34,350 --> 00:06:36,900 OK então deixe-me apenas reiterar isso porque é um conceito importante. 100 00:06:37,320 --> 00:06:40,470 Este é o mesmo passaporte que autenticam que 101 00:06:40,470 --> 00:06:46,050 estamos usando ao invés de registrar como estamos usando em vez de registrar. 102 00:06:46,050 --> 00:06:46,710 A diferença é 103 00:06:46,710 --> 00:06:52,500 que, em vez de registrar, estamos fazendo outras coisas antes de executar autenticação de passaporte, estamos realmente registrando o usuário fazendo um novo usuário. 104 00:06:52,830 --> 00:06:54,990 usuário, presume-se que já existe. 105 00:06:54,990 --> 00:07:02,400 E então, se isso funcionar, então nós estamos logando o usuário em contra aqui no registro de barra no 106 00:07:02,400 --> 00:07:03,560 Então, tudo o que fazemos é que o passaporte autenticará, o qual os logará. 107 00:07:03,570 --> 00:07:07,210 Ok, então é tudo o que quero fazer. 108 00:07:07,530 --> 00:07:09,630 A lógica de logon com essas duas rotas depois de eu entrar no APT up log log in. 109 00:07:09,900 --> 00:07:14,740 E então também temos o formulário aqui. 110 00:07:14,940 --> 00:07:16,500 Apenas um formulário simples, como se registrar. 111 00:07:16,620 --> 00:07:18,650 A única diferença é essa aqui onde estamos enviando o formulário. 112 00:07:18,660 --> 00:07:22,870 Impressionante. 113 00:07:23,310 --> 00:07:23,750 No próximo vídeo, esteja trabalhando no logon e também fazendo com que nossa barra de NAV seja um pouco melhor. 114 00:07:23,760 --> 00:07:28,340