Lo primero que haremos es averiguar cómo sacamos los datos del formulario del formulario y tenemos
que volver a nuestro formulario y cambiar una pequeña cosa que está en la entrada que necesitamos para ingresar y nombrar el nombre.
que demos la información aquí será la clave que miraremos hacia arriba dentro de la ruta.
Y creo que un buen nombre sería solo nombre, pero creo que es un poco confuso.
Entonces, hagamos un nuevo amigo.
Entonces el valor de esto en este caso Bob se enviará en el cuerpo de la solicitud y dentro del
cuerpo la solicitud habrá una sola propiedad llamada nuevo amigo.
Y será igual a Bob para hacer esto un poco más fácil de ver.
Vayamos a los EE. UU. En la publicación de ADD friend y cancelemos el cuerpo de punto de solicitud de registro y solicitemos que
body sea un objeto que contendrá todos los datos del cuerpo de la solicitud.
Y recuerde que cuando tenemos un formulario que está realizando una solicitud posterior, todos los datos del formulario se colocan en el
cuerpo de la solicitud y luego se envían a nuestro EP expreso y queremos sacarlo si el cuerpo de la solicitud.
Entonces, si imprimo el cuerpo de la solicitud, deberíamos ver que el nuevo amigo es igual a Bob.
Sin embargo, eso no va a funcionar porque nos falta una pequeña pieza y te mostraré que no
funciona.
Primero, agreguemos en Billie que hice un nuevo amigo.
Consigamos que hayas llegado a la ruta postal y obtenemos un registro constante aquí, el cuerpo de solicitud no está definido.
Y eso es porque Express out of the box en realidad no crea el cuerpo de solicitud para nosotros.
Necesitamos decirle explícitamente que tome el cuerpo de la solicitud y lo convierta en un objeto de JavaScript para
que usemos la solicitud de cuerpo llamada.
Entonces, para hacer eso, necesitamos instalar un paquete llamado Body Parser.
Por lo tanto, NPM instaló el dash parser dash dash save y la postura del cuerpo entró y salió de express donde en
un momento se incluyó con el expreso.
No tienes que instalarlo por separado.
Ahora lo haces es algo que usaremos en cada aplicación.
Prácticamente en cualquier momento tenemos un formulario en el que un usuario ingresa datos en los que queremos extraer los datos desde
el lado del servidor.
Necesitamos usar un analizador corporal.
De acuerdo, entonces no es suficiente solo instalarlo.
Entonces necesitamos requerirlo aquí.
aquí vamos a escribir extendido, es cierto y no quiero empantanar este video al entrar en demasiados detalles, pero con esto es Si tiene preguntas,
puede ir a las partes del cuerpo o a los documentos y leer acerca de qué es lo que hace el no revestido y qué hace la verdad extendida.
Así que solo tu analizador corporal requiere un analizador Adi Dasch y luego lo siguiente que debemos hacer es decirle
a express que use un analizador corporal para que se vea así. Necesitamos hacer un analizador corporal de aplicación que es una
variable que acabamos de crear al importar el analizador corporal. partes del cuerpo de un
paquete y luego tenemos que puntear la URL codificada y luego, en lugar de
Es una de esas líneas que se verá todo el tiempo y, honestamente, simplemente copie y pegue la mayor parte del tiempo.
Así que ahora que tenemos esa configuración si reiniciamos el servidor ahora sin cambiar nuestro código, tenemos
que añadir un amigo y estamos sacando constantemente las solicitudes de nuestro cuerpo.
Ahora si actualizamos Oops! Volvamos al formulario para recortar amigos y agregar a una amiga llamada Linda.
Hice un nuevo amigo y buscamos en el estafa. Vemos que solicitar Adi ahora es un objeto y viene del
analizador de fiestas.
Así que el analizador Buddy tomó el cuerpo de la solicitud y lo analizó en un objeto javascript que tiene un nuevo
amigo igual a Linda.
Entonces, lo que realmente queremos hacer es solicitar un nuevo amigo de Datt.
Y eso nos dará el valor de lo que haya dentro de la forma.
Y recuerde que un nuevo amigo es debido a la propiedad del nombre. El atributo de nombre que establecemos en la entrada
sea lo que sea que pongamos aquí es lo que necesitaríamos para buscarlo dentro de la ruta.
No solo queremos cancelar ese registro, aunque lo que queremos hacer es agregarlo
a la matriz de amigos que definimos aquí.
Entonces, lo primero que hay que hacer es crear una nueva variable y lo llamaremos nuevo amigo y almacenaremos
la solicitud del nuevo amigo del cuerpo y luego queremos agregarlo a este conjunto, pero desafortunadamente no podemos simplemente hacer
amigos. deja de presionar a un nuevo amigo porque hay un problema de alcance en el que nuestro amigo solo se define en
lugar de esta función.
Y aquí no hay amigos.
Es un mundo muy triste.
No hay amigos
Entonces, tenemos que copiar esto y moverlo hacia algún lugar donde sea visible para todas nuestras rutas.
Y esto es algo que no haremos por mucho tiempo porque es solo una variedad de
amigos y podemos agregar nuevos amigos, pero tan pronto como el servidor se detenga, desaparecerán y se restablecerán para desvalorizarse.
Pronto usaremos una base de datos y no tendremos que preocuparnos por el problema del alcance.
Por ahora solo tenemos que moverlo fuera de las rutas para que podamos acceder a él en todas las rutas.
Así que ahora los amigos dejan de presionar, el nuevo francés debería funcionar y te mostraré eso.
Ahora reinicie el servidor regrese a nuestro formulario aquí.
Renueve la página y agreguemos en Jeanne.
Hice un nuevo amigo y llegamos a esta ruta.
Ahora, si volvemos a amigos, veo que Jean ha sido agregado.
Entonces eso significa que esto está funcionando donde estamos extrayendo las solicitudes para formar un nuevo amigo.
Y también lo estamos empujando hacia la matriz de frenesí y luego estamos enviando esta respuesta.
Sin embargo, es bastante raro que deseemos tener algún tipo de respuesta como esta después de agregar un nuevo amigo.
La mayoría de las veces no queremos ver esto.
lugar de enviar o en lugar de renderizar, podemos usar otro método en rez llamado redirigir y redirigir.
Por lo general, solo queremos volver a esta página y ver al nuevo amigo, y para hacer eso, lo que podemos hacer es enviar en
Bueno, toma el nombre de una ruta.
Y en nuestro caso, recortar a amigos y ellos redirigirán a esta ruta y ejecutarán el código dentro de
la ruta de los amigos de barra diagonal, y todo lo que hace es renderizar la plantilla francesa y pasar el
valor de los amigos.
Entonces, si volvemos a iniciar el servidor y volvemos a actualizar la página, agreguemos un nuevo amigo aquí.
Tina y golpeé, hice un nuevo amigo y puedes ver que se ha agregado Tina.
Recuerda que no solo nos quedamos en esta página todo el tiempo.
Si miran esto aquí, déjenme hacerlo de nuevo.
Vamos a agregar en Jeanne.
Golpeé hice un nuevo amigo.
Puede ver que la página se renueva momentáneamente y eso se debe a que estamos enviando una solicitud
postal en otro lugar, ya que las solicitudes de publicación se están volviendo demasiado complicadas.
Ad friend está haciendo algo de lógica aquí.
Y luego nos redirige rápidamente a la misma página, la misma ruta en la que ya estamos.
parpadear la página por un segundo y verá que este pequeño icono es el obsequio que la página está revocando.
Por lo tanto, apenas se nota, verá
Pero como mencioné si reinicio el servidor, el valor de la matriz de amigos vuelve a esto.
Perdemos a todos esos amigos y no tenemos permanencia en nuestros datos.
Lo arreglaremos una vez que lleguemos a las bases de datos en algunos de nosotros.
DE ACUERDO.
Repasemos brevemente todo lo que hemos cubierto aquí.
Lo primero que hablamos fue configurar una ruta de publicación y todo lo que teníamos que hacer era la publicación de la aplicación
y funciona igual que apt get, excepto que solo se desencadena por las solicitudes posteriores a esa fila en particular.
Y luego lo sabes y luego vimos cómo podemos enviar una solicitud postal con un cartero que funciona y luego vimos que podemos
enviar una solicitud a una solicitud posterior usando el cartero.
Y luego también usando un formulario.
Y cuando enviamos un formulario, necesitamos proporcionar acción y método, y lo presento muy pronto cuando hablamos acerca de la edad
para mis formularios y mencioné que más adelante en el curso sabría más acerca de qué significan la
acción y el método, y qué publicación solicitud es contra una solicitud de obtención.
sola entrada y sobre eso entrada agregamos el atributo de nombre y este atributo de nombre
que hemos establecido como nuevo amigo es la forma en que los datos se agregan al cuerpo de la solicitud.
Así que este es el momento en el que están empezando a comprender un poco más la diferencia entre obtener publicaciones y qué significa
esta acción y qué rutas son de todos modos, así que tenemos un foro y no tiene una
Entonces, cuando presentemos este sea cual sea el valor de esta forma, digamos Tina, se enviará con
el nombre de nuevo amigo.
Y luego, dentro de nuestro aparato, podemos extraerlo con el nuevo amigo de la lista de pedidos solamente si incluimos el analizador
corporal, que teníamos que instalar el administrador del cuerpo de la instalación de NPM y luego teníamos que decirle a nuestra
aplicación que lo usara.
analizador tomará el cuerpo de la solicitud y lo analizará en un objeto javascript que podemos usar y acceder como lo hicimos aquí.
Así que es conveniente usar el analizador y toda esta línea es una que se verá todo el tiempo y cuando lo
hagamos, el
Y la última novedad que vimos fue la redirección de redstart, que llevará un amigo conocido como barra oblicua y que activará
esa ruta de nuevo y ejecutará todo el código dentro de la ruta de los amigos barra oblicua.
Está bien, te veré en la próxima lección.