1
00:00:01,680 --> 00:00:06,690
A primeira coisa que faremos é descobrir como obtemos os dados do formulário fora do formulário

2
00:00:06,690 --> 00:00:13,890
e precisamos voltar para o nosso formulário e mudar uma pequena coisa que está na entrada que precisamos para dar a entrada e

3
00:00:14,850 --> 00:00:20,130
nomear o nome que damos a entrada aqui será a chave que observamos dentro da rota.

4
00:00:20,130 --> 00:00:24,720
E eu acho que um bom nome seria apenas um nome, mas acho que isso é um pouco confuso.

5
00:00:24,810 --> 00:00:27,680
Então, vamos apenas fazer um novo amigo.

6
00:00:28,350 --> 00:00:35,100
Portanto, o valor deste neste caso Bob será enviado no corpo do pedido e dentro do corpo

7
00:00:35,100 --> 00:00:38,520
o pedido haverá uma única propriedade chamada novo amigo.

8
00:00:38,640 --> 00:00:42,660
E será igual a Bob fazer isso um pouco mais fácil de ver.

9
00:00:42,870 --> 00:00:51,960
Vamos para os EUA para publicar para ADD amigo e vamos cancelar o corpo de ponto de solicitação de registro e solicitar que

10
00:00:51,960 --> 00:00:57,430
o corpo é um objeto que conterá todos os dados do corpo da solicitação.

11
00:00:57,600 --> 00:01:03,060
E lembre-se quando temos um formulário que está fazendo uma solicitação de publicação, todos os dados do formulário são colocados no

12
00:01:03,150 --> 00:01:08,280
corpo do pedido e, em seguida, chega ao nosso EP expresso e queremos retirá-lo se o corpo da solicitação.

13
00:01:08,280 --> 00:01:12,880
Então, se eu imprimir o corpo do pedido, devemos ver que o novo amigo é igual a Bob.

14
00:01:13,200 --> 00:01:18,780
No entanto, isso não vai funcionar porque estamos perdendo uma pequena peça e vou mostrar que isso não

15
00:01:18,780 --> 00:01:19,130
funciona.

16
00:01:19,160 --> 00:01:23,660
Primeiro, vamos adicionar Billie, fiz um novo amigo.

17
00:01:23,850 --> 00:01:30,210
Nós conseguimos que você tenha alcançado a rota de publicação e obtemos um registro constante aqui. O corpo de solicitação é indefinido.

18
00:01:30,330 --> 00:01:35,790
E isso é porque Express fora da caixa na verdade não cria o corpo do pedido para nós.

19
00:01:35,820 --> 00:01:41,190
Precisamos explicitamente dizer-lhe para levar o corpo de solicitação e transformá-lo em um objeto javascript para que

20
00:01:41,190 --> 00:01:43,360
possamos usar o chamado pedido de corpo.

21
00:01:43,650 --> 00:01:48,550
Então, para fazer isso, precisamos instalar um pacote chamado Parser do corpo.

22
00:01:48,660 --> 00:01:57,060
Então, o NPM instala o guarda-chuvas do tablero do painel do painel do corpo e a postura do corpo é meio que entrou e fora de expressar

23
00:01:57,290 --> 00:02:00,040
onde em um ponto foi empacotado com o expresso.

24
00:02:00,060 --> 00:02:02,010
Você não precisou instalá-lo separadamente.

25
00:02:02,010 --> 00:02:05,210
Agora você faz isso é algo que usaremos em cada aplicativo.

26
00:02:05,220 --> 00:02:10,920
Praticamente, sempre que temos um formulário que um usuário introduz dados em que queremos extrair os dados

27
00:02:10,950 --> 00:02:12,120
do lado do servidor.

28
00:02:12,120 --> 00:02:13,770
Precisamos usar o analisador do corpo.

29
00:02:14,090 --> 00:02:16,740
OK, então não basta apenas para instalá-lo.

30
00:02:16,800 --> 00:02:19,420
Nós precisamos exigi-lo aqui.

31
00:02:19,980 --> 00:02:28,020
em vez de aqui, vamos escrever o estendido é verdade e não quero atrapalhar este vídeo entrando em detalhes demais, mas com isso é

32
00:02:28,020 --> 00:02:37,410
Se você tiver dúvidas, você pode ir para as partes do corpo ou docs e ler sobre o que você é não revestido e o que é extenso.

33
00:02:37,410 --> 00:02:43,770
Então, apenas o analisador de corpo, é claro, exige o analisador Adi Dasch e, em seguida, a próxima coisa

34
00:02:44,700 --> 00:02:51,840
que precisamos fazer é dizer expressar usar o analisador do corpo para que pareça que isso precisa fazer uso do analisador do

35
00:02:51,840 --> 00:02:56,730
corpo do uso, que é uma variável que acabamos de criar importando o partes do

36
00:02:56,730 --> 00:03:01,420
corpo de um pacote e, em seguida, precisamos fazer o ponto URL codificado e,

37
00:03:01,440 --> 00:03:06,730
É uma dessas linhas que verão todo o tempo e, honestamente, apenas copiar e colar a maior parte do tempo.

38
00:03:06,750 --> 00:03:13,140
Então, agora que temos isso configurado se reiniciarmos o servidor agora sem alterar nosso código, conseguimos

39
00:03:13,140 --> 00:03:17,850
adicionar um amigo e estamos constantemente a pedir pedidos para o corpo.

40
00:03:17,850 --> 00:03:25,790
Agora, se atualizarmos Oops! Vamos voltar para o formulário cortar amigos e adicionar um amigo chamado Linda.

41
00:03:26,130 --> 00:03:33,540
Eu fiz um novo amigo e olhamos para o con. Nós vemos solicitação Adi agora é um objeto e isso vem do

42
00:03:33,540 --> 00:03:34,610
analisador de festa.

43
00:03:34,770 --> 00:03:40,680
Então, o analisador Buddy tomou o corpo do pedido e analisou isso em um objeto javascript que tem um novo

44
00:03:40,680 --> 00:03:41,860
amigo igual a Linda.

45
00:03:42,180 --> 00:03:46,660
Então, o que realmente queremos fazer é solicitar um novo amigo do corpo datt.

46
00:03:46,770 --> 00:03:50,370
E isso nos dará o valor do que estava dentro da forma.

47
00:03:50,820 --> 00:03:56,760
E lembre-se de novo amigo é por causa da propriedade do nome o atributo de nome que definimos na entrada,

48
00:03:57,050 --> 00:04:01,650
seja o que for que colocarmos aqui, é o que precisamos procurar por dentro da rota.

49
00:04:01,920 --> 00:04:06,750
Nós não queremos apenas cancelar esse registro, mas o que queremos fazer é realmente

50
00:04:06,840 --> 00:04:09,540
adicioná-lo à matriz de amigos que definimos aqui.

51
00:04:09,540 --> 00:04:15,840
Então, a primeira coisa a fazer é fazer uma nova variável e nós vamos chamá-lo de novo amigo e

52
00:04:15,930 --> 00:04:22,590
vamos apenas armazenar o pedido de novo amigo do corpo e então queremos adicioná-lo a esta matriz, mas infelizmente não

53
00:04:22,590 --> 00:04:30,180
podemos simplesmente fazer amigos Pare de empurrar um novo amigo porque há uma questão de alcance onde nosso amigo só é definido em

54
00:04:30,180 --> 00:04:31,430
vez dessa função.

55
00:04:31,740 --> 00:04:34,570
E lá fora, não existe tal coisa como amigos.

56
00:04:34,620 --> 00:04:35,430
É um mundo muito triste.

57
00:04:35,430 --> 00:04:36,240
Não há amigos.

58
00:04:36,450 --> 00:04:44,960
Então, precisamos copiar isso e movê-lo em algum lugar onde seja visível para todas as nossas rotas.

59
00:04:45,900 --> 00:04:50,760
E isso é algo que não vamos fazer por muito tempo, porque isso é apenas uma série

60
00:04:50,760 --> 00:04:56,650
de amigos e podemos adicionar novos amigos, mas, assim que o servidor parar, eles vão desaparecer e reiniciar para desvalorizar.

61
00:04:57,120 --> 00:05:00,630
Em breve, estaremos usando um banco de dados e não teremos que nos preocupar com o problema de alcance.

62
00:05:00,660 --> 00:05:05,300
Por enquanto, precisamos movê-lo para fora das rotas para que possamos acessá-lo em todas as rotas.

63
00:05:05,490 --> 00:05:08,990
Então, agora, os amigos param de pressionar o novo francês e eu vou mostrar isso.

64
00:05:08,990 --> 00:05:14,780
Agora reinicie o servidor volte para o nosso formulário aqui.

65
00:05:15,090 --> 00:05:19,370
Atualize a página e vamos adicionar em Jeanne.

66
00:05:20,330 --> 00:05:22,920
Eu fiz um novo amigo e chegamos a esta rota.

67
00:05:22,930 --> 00:05:28,950
Agora, se voltarmos para amigos, vejo que Jean foi adicionado.

68
00:05:29,490 --> 00:05:34,520
Então, isso significa que isso está funcionando onde estamos extraindo solicitações até o novo amigo do corpo.

69
00:05:34,680 --> 00:05:39,560
E também estamos empurrando-o para a matriz de frenesi e depois estamos enviando essa resposta.

70
00:05:39,650 --> 00:05:44,760
No entanto, é bastante raro que desejemos ter algum tipo de resposta como essa depois de adicionarmos um novo amigo.

71
00:05:46,020 --> 00:05:47,950
Na maioria das vezes, não queremos ver isso.

72
00:05:47,970 --> 00:05:53,700
ou em vez de renderizar, podemos usar um método nother no rez chamado redirecionamento e redirecionamento.

73
00:05:53,730 --> 00:06:02,070
Normalmente, nós só queremos voltar para esta página e ver o novo amigo e fazer o que podemos fazer é em vez de enviar

74
00:06:02,400 --> 00:06:03,750
Bem, pegue o nome de uma rota.

75
00:06:03,990 --> 00:06:10,140
E no nosso caso, bem, corte os amigos e eles redirecionarão para essa rota e eles irão executar

76
00:06:10,170 --> 00:06:16,860
o código dentro da rota dos barramentos e tudo o que faz é que torna o modelo francês e passa

77
00:06:17,010 --> 00:06:18,290
no valor dos amigos.

78
00:06:18,600 --> 00:06:26,240
Então, agora, se começarmos o servidor de novo e voltarmos a atualizar a página, vamos adicionar um novo amigo aqui.

79
00:06:26,610 --> 00:06:31,180
Tina e hit eu fiz um novo amigo e você pode ver Tina foi adicionado.

80
00:06:31,260 --> 00:06:34,000
Lembre-se que não estamos apenas ficando nesta página o tempo todo.

81
00:06:34,050 --> 00:06:36,790
Se você observar isso aqui, deixe-me fazê-lo novamente.

82
00:06:36,880 --> 00:06:38,210
Vamos adicionar em Jeanne.

83
00:06:38,530 --> 00:06:40,840
Eu bati eu fiz um novo amigo.

84
00:06:40,910 --> 00:06:45,690
Você pode ver a página atualizá-la momentaneamente e é porque estamos enviando uma solicitação de publicação em

85
00:06:45,690 --> 00:06:49,440
outro lugar que as solicitações de publicação estão recebendo uma publicação muito embrulhada.

86
00:06:49,440 --> 00:06:52,090
Ad friend, está fazendo alguma lógica aqui.

87
00:06:52,260 --> 00:06:56,640
E então é muito rapidamente redirecionando-nos de volta à mesma página na mesma rota em que já estamos.

88
00:06:56,970 --> 00:07:04,080
verá a cintilação da página por um segundo e verá este ícone pequeno é a oferta que a página está revotando.

89
00:07:04,080 --> 00:07:06,360
Portanto, é quase impossível perceber que você

90
00:07:06,360 --> 00:07:12,820
Mas, como mencionei se eu reiniciar o servidor, o valor da matriz de amigos volta a isso.

91
00:07:12,840 --> 00:07:16,890
Então, perdemos todos esses amigos e não temos permanência em nossos dados.

92
00:07:16,890 --> 00:07:20,190
Nós vamos consertar isso uma vez que chegarmos a bancos de dados em apenas alguns de nós.

93
00:07:20,530 --> 00:07:20,860
ESTÁ BEM.

94
00:07:20,880 --> 00:07:24,160
Deixe-nos breve em tudo o que cobrimos muito aqui.

95
00:07:24,180 --> 00:07:30,390
A primeira coisa sobre a qual conversamos foi a criação de uma rota de publicação e tudo o que tínhamos a fazer era post

96
00:07:30,390 --> 00:07:35,740
do aplicativo e funciona como apt get, exceto que isso só é ativado por solicitações de postagem para essa linha particular.

97
00:07:36,570 --> 00:07:43,950
E então você sabe e então nós vimos como podemos enviar uma solicitação de publicação com o carteiro que funciona e depois vimos que

98
00:07:43,950 --> 00:07:47,390
podemos enviar um pedido de solicitação de publicação usando o postar.

99
00:07:47,400 --> 00:07:49,070
E então também usando um formulário.

100
00:07:49,290 --> 00:07:55,740
E quando enviamos um formulário, precisamos fornecer ação e método e eu apresento isso muito cedo quando falamos sobre a idade para as

101
00:07:55,740 --> 00:08:01,170
minhas formas e mencionei que, mais tarde, no curso, você saberia mais sobre o que significa a ação eo

102
00:08:01,170 --> 00:08:05,460
método e o que é uma publicação O pedido é versus uma solicitação de get.

103
00:08:05,460 --> 00:08:09,990
tem uma única entrada e sobre isso entrada, adicionamos o atributo de nome e este atributo

104
00:08:09,990 --> 00:08:15,630
de nome que definimos o valor para ser um novo amigo é como os dados são adicionados ao corpo da solicitação.

105
00:08:15,630 --> 00:08:22,290
Então, esse é o momento agora em que você está começando a entender um pouco mais esperançosamente sobre a diferença entre obter postagens e

106
00:08:22,290 --> 00:08:27,200
o que essa ação significa e quais rotas são de qualquer maneira, então temos um fórum e não

107
00:08:27,210 --> 00:08:33,390
Então, quando enviamos isso, seja qual for o valor desta forma, digamos que Tina será enviada sob

108
00:08:33,390 --> 00:08:35,130
o nome de novo amigo.

109
00:08:35,400 --> 00:08:42,090
E, em seguida, dentro de nosso aparelho, podemos extraí-lo com o pedido de novo amigo do bodycount somente se incluímos o

110
00:08:42,300 --> 00:08:48,600
analisador de corpo que tivemos que instalar o processador de corpo de instalação do NPM e então precisamos dizer ao

111
00:08:48,600 --> 00:08:49,810
nosso aplicativo para usá-lo.

112
00:08:49,800 --> 00:08:56,070
irá pegar o corpo da solicitação e analisá-lo em um objeto javascript que podemos usar e acessar como fizemos aqui.

113
00:08:56,070 --> 00:09:02,100
Então, use o analisador e toda essa linha é uma que verá o tempo todo e quando fizermos isso,

114
00:09:02,100 --> 00:09:02,720
o analisador

115
00:09:02,820 --> 00:09:08,640
E a última novidade que vimos foi o redemoinho redirecionado, o que levará um você conhece como amigo cortante e isso

116
00:09:09,030 --> 00:09:13,890
irá ativar essa rota novamente e executar todo o código dentro da rota dos amigos da barra.

117
00:09:13,890 --> 00:09:15,280
Tudo bem, vou te ver na próxima lição.