A primeira coisa que faremos é descobrir como obtemos os dados do formulário fora do formulário
e precisamos voltar para o nosso formulário e mudar uma pequena coisa que está na entrada que precisamos para dar a entrada e
nomear o nome que damos a entrada aqui será a chave que observamos dentro da rota.
E eu acho que um bom nome seria apenas um nome, mas acho que isso é um pouco confuso.
Então, vamos apenas fazer um novo amigo.
Portanto, o valor deste neste caso Bob será enviado no corpo do pedido e dentro do corpo
o pedido haverá uma única propriedade chamada novo amigo.
E será igual a Bob fazer isso um pouco mais fácil de ver.
Vamos para os EUA para publicar para ADD amigo e vamos cancelar o corpo de ponto de solicitação de registro e solicitar que
o corpo é um objeto que conterá todos os dados do corpo da solicitação.
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
corpo do pedido e, em seguida, chega ao nosso EP expresso e queremos retirá-lo se o corpo da solicitação.
Então, se eu imprimir o corpo do pedido, devemos ver que o novo amigo é igual a Bob.
No entanto, isso não vai funcionar porque estamos perdendo uma pequena peça e vou mostrar que isso não
funciona.
Primeiro, vamos adicionar Billie, fiz um novo amigo.
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.
E isso é porque Express fora da caixa na verdade não cria o corpo do pedido para nós.
Precisamos explicitamente dizer-lhe para levar o corpo de solicitação e transformá-lo em um objeto javascript para que
possamos usar o chamado pedido de corpo.
Então, para fazer isso, precisamos instalar um pacote chamado Parser do corpo.
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
onde em um ponto foi empacotado com o expresso.
Você não precisou instalá-lo separadamente.
Agora você faz isso é algo que usaremos em cada aplicativo.
Praticamente, sempre que temos um formulário que um usuário introduz dados em que queremos extrair os dados
do lado do servidor.
Precisamos usar o analisador do corpo.
OK, então não basta apenas para instalá-lo.
Nós precisamos exigi-lo aqui.
em vez de aqui, vamos escrever o estendido é verdade e não quero atrapalhar este vídeo entrando em detalhes demais, mas com isso é
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.
Então, apenas o analisador de corpo, é claro, exige o analisador Adi Dasch e, em seguida, a próxima coisa
que precisamos fazer é dizer expressar usar o analisador do corpo para que pareça que isso precisa fazer uso do analisador do
corpo do uso, que é uma variável que acabamos de criar importando o partes do
corpo de um pacote e, em seguida, precisamos fazer o ponto URL codificado e,
É uma dessas linhas que verão todo o tempo e, honestamente, apenas copiar e colar a maior parte do tempo.
Então, agora que temos isso configurado se reiniciarmos o servidor agora sem alterar nosso código, conseguimos
adicionar um amigo e estamos constantemente a pedir pedidos para o corpo.
Agora, se atualizarmos Oops! Vamos voltar para o formulário cortar amigos e adicionar um amigo chamado Linda.
Eu fiz um novo amigo e olhamos para o con. Nós vemos solicitação Adi agora é um objeto e isso vem do
analisador de festa.
Então, o analisador Buddy tomou o corpo do pedido e analisou isso em um objeto javascript que tem um novo
amigo igual a Linda.
Então, o que realmente queremos fazer é solicitar um novo amigo do corpo datt.
E isso nos dará o valor do que estava dentro da forma.
E lembre-se de novo amigo é por causa da propriedade do nome o atributo de nome que definimos na entrada,
seja o que for que colocarmos aqui, é o que precisamos procurar por dentro da rota.
Nós não queremos apenas cancelar esse registro, mas o que queremos fazer é realmente
adicioná-lo à matriz de amigos que definimos aqui.
Então, a primeira coisa a fazer é fazer uma nova variável e nós vamos chamá-lo de novo amigo e
vamos apenas armazenar o pedido de novo amigo do corpo e então queremos adicioná-lo a esta matriz, mas infelizmente não
podemos simplesmente fazer amigos Pare de empurrar um novo amigo porque há uma questão de alcance onde nosso amigo só é definido em
vez dessa função.
E lá fora, não existe tal coisa como amigos.
É um mundo muito triste.
Não há amigos.
Então, precisamos copiar isso e movê-lo em algum lugar onde seja visível para todas as nossas rotas.
E isso é algo que não vamos fazer por muito tempo, porque isso é apenas uma série
de amigos e podemos adicionar novos amigos, mas, assim que o servidor parar, eles vão desaparecer e reiniciar para desvalorizar.
Em breve, estaremos usando um banco de dados e não teremos que nos preocupar com o problema de alcance.
Por enquanto, precisamos movê-lo para fora das rotas para que possamos acessá-lo em todas as rotas.
Então, agora, os amigos param de pressionar o novo francês e eu vou mostrar isso.
Agora reinicie o servidor volte para o nosso formulário aqui.
Atualize a página e vamos adicionar em Jeanne.
Eu fiz um novo amigo e chegamos a esta rota.
Agora, se voltarmos para amigos, vejo que Jean foi adicionado.
Então, isso significa que isso está funcionando onde estamos extraindo solicitações até o novo amigo do corpo.
E também estamos empurrando-o para a matriz de frenesi e depois estamos enviando essa resposta.
No entanto, é bastante raro que desejemos ter algum tipo de resposta como essa depois de adicionarmos um novo amigo.
Na maioria das vezes, não queremos ver isso.
ou em vez de renderizar, podemos usar um método nother no rez chamado redirecionamento e redirecionamento.
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
Bem, pegue o nome de uma rota.
E no nosso caso, bem, corte os amigos e eles redirecionarão para essa rota e eles irão executar
o código dentro da rota dos barramentos e tudo o que faz é que torna o modelo francês e passa
no valor dos amigos.
Então, agora, se começarmos o servidor de novo e voltarmos a atualizar a página, vamos adicionar um novo amigo aqui.
Tina e hit eu fiz um novo amigo e você pode ver Tina foi adicionado.
Lembre-se que não estamos apenas ficando nesta página o tempo todo.
Se você observar isso aqui, deixe-me fazê-lo novamente.
Vamos adicionar em Jeanne.
Eu bati eu fiz um novo amigo.
Você pode ver a página atualizá-la momentaneamente e é porque estamos enviando uma solicitação de publicação em
outro lugar que as solicitações de publicação estão recebendo uma publicação muito embrulhada.
Ad friend, está fazendo alguma lógica aqui.
E então é muito rapidamente redirecionando-nos de volta à mesma página na mesma rota em que já estamos.
verá a cintilação da página por um segundo e verá este ícone pequeno é a oferta que a página está revotando.
Portanto, é quase impossível perceber que você
Mas, como mencionei se eu reiniciar o servidor, o valor da matriz de amigos volta a isso.
Então, perdemos todos esses amigos e não temos permanência em nossos dados.
Nós vamos consertar isso uma vez que chegarmos a bancos de dados em apenas alguns de nós.
ESTÁ BEM.
Deixe-nos breve em tudo o que cobrimos muito aqui.
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
do aplicativo e funciona como apt get, exceto que isso só é ativado por solicitações de postagem para essa linha particular.
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
podemos enviar um pedido de solicitação de publicação usando o postar.
E então também usando um formulário.
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
minhas formas e mencionei que, mais tarde, no curso, você saberia mais sobre o que significa a ação eo
método e o que é uma publicação O pedido é versus uma solicitação de get.
tem uma única entrada e sobre isso entrada, adicionamos o atributo de nome e este atributo
de nome que definimos o valor para ser um novo amigo é como os dados são adicionados ao corpo da solicitação.
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
o que essa ação significa e quais rotas são de qualquer maneira, então temos um fórum e não
Então, quando enviamos isso, seja qual for o valor desta forma, digamos que Tina será enviada sob
o nome de novo amigo.
E, em seguida, dentro de nosso aparelho, podemos extraí-lo com o pedido de novo amigo do bodycount somente se incluímos o
analisador de corpo que tivemos que instalar o processador de corpo de instalação do NPM e então precisamos dizer ao
nosso aplicativo para usá-lo.
irá pegar o corpo da solicitação e analisá-lo em um objeto javascript que podemos usar e acessar como fizemos aqui.
Então, use o analisador e toda essa linha é uma que verá o tempo todo e quando fizermos isso,
o analisador
E a última novidade que vimos foi o redemoinho redirecionado, o que levará um você conhece como amigo cortante e isso
irá ativar essa rota novamente e executar todo o código dentro da rota dos amigos da barra.
Tudo bem, vou te ver na próxima lição.