OK, volverá.
Así que esta lección es una de las que estoy muy emocionado por hacer.
Espero que lo disfrutes.
Vamos a escribir nuestra primera aplicación express antes de que realmente lo hagamos.
Quiero tomar 30 segundos.
Será muy corto, lo prometo.
Solo revise dos temas importantes sobre cómo funciona una aplicación existente, de modo que la aplicación para perros que ya he mostrado y, a
continuación, los aspectos básicos del ciclo de vida de respuesta de la solicitud de HTP.
OK, empecemos.
Comenzaré hablando sobre las solicitudes y respuestas de HTP.
Así que recuerde cuando voy a un sitio como Google dot com y presiono Enter. Estoy solicitando una página web.
Envié una solicitud de HDTV y esa solicitud tiene un verbo o tipo en particular.
¿Es una solicitud GET o una solicitud POST o alguna de las otras que aún no hemos visto?
Y luego, potencialmente, puedo enviar algunos datos junto con la solicitud y el servidor que recibe
mi solicitud. El servidor que solicito a Google tiene algún código que decide qué página enviarme.
la página de inicio de sesión de Google o la página de G-mail o una página dice que Mi contraseña es incorrecta, sea la que sea.
Entonces me envía esa página de inicio de Google o tal vez me envía
El servidor está decidiendo qué devolver.
Y luego responde con una respuesta.
Entonces, envío un código del lado del servidor de solicitud para averiguar lo que estoy pidiendo y luego hace algunas
cosas y luego envía una respuesta de respuesta que es fundamentalmente lo que vamos a usar Express para hacer.
Así que tengo esta aplicación de demostración de perros que tal vez recuerdes.
Es muy muy olvidable.
que tiene una base de datos a la que nos hemos conectado y un usuario puede ver todos los perros en la base de datos.
Solo una aplicación simple
Cada perro solo tiene un nombre y una raza totalmente inútiles.
Pero es agradable y simple, y creo que es una buena ilustración de cómo funciona Express.
Entonces tenemos un código aquí.
Cosas como requerir Express y requerir una base de datos.
Pero lo más importante son estos tres fragmentos y estos se denominan envolturas y escribiremos nuestras propias
rutas y solo unos minutos o el código que es responsable de escuchar y recibir esas solicitudes
de las que hablé y luego decidir qué enviar de vuelta. .
Entonces, en este caso, tenemos un código que está escuchando una solicitud a la página de inicio para hacer una barra, luego
tenemos un código que está escuchando para obtener una solicitud para cortar perros y tenemos otro código que
está escuchando una solicitud posterior en slash crear perros y luego dentro de las rutas estamos ejecutando algún código.
En este caso, solo renderizamos la página de inicio.
Así que eso va a responder con los contenidos de nuestra página de inicio, que es otro archivo en otro lugar
en este.
Cuando alguien pide perros cortados como solicitud de obtención, encontramos todos los perros y luego presentamos la página
de perros y enviamos todos los datos de los perros.
Junto con eso.
Y cuando alguien crea un perro, le enviamos una solicitud para crear un perro.
Agregaremos un perro a la base de datos y luego los redirigiremos a la página del perro donde podrán
ver todos los perros.
Así que no te intimides demasiado con la sintaxis y todas las diferentes piezas presentarán
esto poco a poco.
Pero lo primero de lo que todo parte es esta idea de una ruta y las
rutas son solo partes de código que ejecutarán algún otro código dependiendo de la solicitud que se reciba en nuestro servidor.
Entonces eso me lleva al siguiente punto que está iniciando nuestro servidor.
Entonces, tenemos que ejecutar el archivo que se llama apt.
Sí nodo apt.
Sí solo así.
Y luego tiene que irse.
En este caso, al puerto 3000 que en realidad será diferente para nosotros en la nube 9.
Pero si voy a Port 3000 y actualizo, obtengo la página de inicio porque hice una solicitud de barra y hay algún código
que cuando hago una solicitud de barra me envía la página de inicio.
Lo mismo si voy a cortar perros, hay otro código que está escuchando una solicitud como solicitud para
cortar barras y me envía a todos los perros.
Y finalmente, puedo hacer un nuevo perro y presionar Enviar, y eso envía una solicitud de publicación para crear un perro.
Y este código es incorrecto
Todo bien.
Así que eso es todo lo que quería revisar antes de pasar a escribir nuestro propio código.
El único gran hallazgo de todo eso es que si dormías totalmente, las grandes
rutas son importantes.
Busque cómo escuchamos las solicitudes particulares y luego ejecutemos otro código según las
solicitudes que recibamos.
De acuerdo, ahora es el momento que has estado esperando.
Espero que hayas estado esperando esto.
Vamos a seguir adelante y crear nuestra primera aplicación express, así que voy a volver a Cloud 9 y
voy a hacer un nuevo directorio.
Voy a llamar primero la aplicación y el CD Express a eso y luego voy a crear
una nueva aplicación de archivo y luego lo abriremos y comenzaremos a registrar constantemente nuestra aplicación exprés.
Iremos aquí y guardaremos y solo lo ejecutaremos.
Y bien, tenemos nuestro registro de la consola.
Así que ahora lo que tenemos que hacer es instalar Express y si vuelvo a los muelles Express puede ver que
solo ejecutamos NPM install express y mencioné en el último video que íbamos a hablar sobre el guión de
dash save en este video y lo vamos a guardar hasta el final.
No hace ninguna diferencia en la funcionalidad de Express.
Así que vamos a dejarlo hasta más adelante en el video.
de módulos de nodos, pero si lo hacemos, instalemos NPM express. Me tomaré un momento.
Entonces queremos instalar Express y si escribimos LS Por supuesto, todavía no hay un directorio
Esta es definitivamente una descarga más grande que las otras cosas que hemos instalado hasta ahora.
Ahora tengo un LS seguro, un directorio de módulos de nodo o realmente actualizo mi árbol de archivos.
No ve módulos que tenga expresos y en lugar de módulos de nodos hay muchos directorios.
Una gran cantidad de archivos y esta es toda la lógica de todo el código que crea el marco que no
tenemos que escribir nosotros mismos.
Así que nos cerraremos de eso.
siguiente que tenemos que hacer, por supuesto, es que exista una necesidad expresada en nuestra aplicación, así que haremos todo lo posible.
Y lo
Expresar igual requiere expreso así.
Y eso luego importará el módulo express.
Pero a diferencia de las bibliotecas o paquetes anteriores que hemos visto como Cat me, donde dijimos que var Cat me iguala a
Cat me requiere y luego para usarlo todo lo que teníamos que hacer era decir Cat me.
En este caso, Cat solo tiene una cosa que hace una función simple, como las bromas Knock
Knock solo tenían una función también.
Well Express tiene muchos métodos diferentes, por lo que no podemos ejecutar express de esta manera.
Para usarlo, aunque lo ejecutaremos y lo guardaremos en una variable que la mayoría de la gente llama aplicación.
Así que var express es igual a express que solo incluye todos los contenidos de este directorio express y luego lo
ejecutamos y guardamos en una variable llamada aplicación que todo lo que hacemos con
Express será app dot y luego algún método que viene con express.
Ahora que hemos instalado e inicializado Express, siempre es una buena idea asegurarse de
que funcione.
Así que intentemos ejecutar aplicaciones de nodo.
Sí.
No debería pasar nada mientras no obtengamos un error.
Eso significa que estamos listos para irnos.
Ahora vamos a definir nuestra primera ruta.
Vamos a hacer que sea una aplicación muy simple.
Cuando vayas a la barra, recibirás un mensaje que dice hola.
Y cuando vayas a decir adiós o simplemente compraremos, recibirás un mensaje que dice adiós.
Y luego, haz otra más, cuando vas a cortar al perro, obtienes un mensaje que dice miau.
que podemos hacer una solicitud y podemos obtener tres respuestas diferentes dependiendo de dónde lo solicitemos.
Entonces, tres rutas diferentes, tres lugares diferentes a los
Entonces la sintaxis para definir una ruta se ve así.
Comenzaremos con este primero.
El alto que hay y escribimos app dot obtiene una aplicación para obtener dos parámetros diferentes.
El primero es el euro o el camino que es barra inclinada.
En este caso, porque estamos tratando de hacer una ruta cuando un usuario realiza
una solicitud de obtención, que es lo que obtienen aquí, significa que veremos entradas aptas más adelante e incluso actualizaremos los prospectos y parches, y pondremos algunos
de los otros verbos HTP.
Pero obtener publicaciones es lo más común.
Es tan fácil de obtener cuando recibe solicitudes para recortar, lo que también se conoce como la ruta raíz o solo la ruta.
Entonces queremos que este código se ejecute, que es una función de devolución de llamada y esta función
de devolución de llamada acepta dos solicitudes de argumentos y respuestas diferentes.
Una vez más, eso es lo que queremos que se les llame totalmente a nosotros.
Pero verá esto con mayor frecuencia y creo que, de hecho, en los documentos oficiales oficiales, eso es lo
que usan, requieren rez.
solicitud que generó esta ruta y respuesta. contendrá toda la información sobre con qué vamos a responder.
Algunas personas lo escriben todo por pedido y respuesta, pero reconocen que es mucho más común
verlo. Los rojos son en realidad objetos dentro de esta función. La solicitud es un
objeto que contiene toda la información sobre la
Así que les mostraré que en un momento cancelarán ese registro y verán qué aspecto tiene.
Pero para empezar vamos a escribir rez dot send.
Hola.
Y esta es solo una forma de responder con un poco de texto, pero si vamos a la página de nuestra aplicación una
vez que la recibimos una vez que comenzó, esperamos obtener el texto.
Hola, allí nos imprimieron en el navegador; sin embargo, esto no va a funcionar todavía.
Porque si ejecuto esta aplicación de notas, sí, no pasa nada porque nos falta una parte realmente importante
del código en Express.
De hecho, tenemos que escribir el código para decirle que escuche las diferentes solicitudes para hacer eso.
EXPRESS nos da un método llamado escuchar.
Así que está bien.
Apt up listen y luego tenemos que proporcionar el puerto para escuchar y te mostraré en mi ejemplo aquí.
puerto tres mil, pero como estamos en la nube nueve, tenemos que hacer las cosas un poco diferente.
Escuchaba en el
Necesitamos escuchar el proceso de los puertos NVI.
Entonces, todo este código simplemente devolverá un número como 3000 excepto que devuelve la cantidad de servidor de la
nube nueve que tenemos que usar.
Entonces esta es una variable.
Se llama una variable de entorno y la variable de entorno con la que estamos trabajando se llama puerto.
Entonces, devolverá un número, pero no codificamos el número.
Viene de la nube nueve.
Hay otra información que debemos pasar en la que se procesa esa IP de EMV.
Y esta es una línea que puedes copiar y pegar desde la aplicación a la aplicación.
Lo usaremos en la parte inferior de cada aplicación que hacemos con Express.
Entonces, es una de esas líneas de corte de galletas que necesitamos usar.
Esto le dice a express que escuche en un puerto particular que la nube 9 quiere y una
IP particular que la nube lo espera así como también resumimos que hemos inicializado la seguridad express en el área, definiremos una
sola ruta cuando hagamos una solicitud get para recortar .
Deberíamos ver que se envían de vuelta en la respuesta en nuestro navegador y simplemente definir la ruta no es suficiente.
Luego debemos decirle a la aplicación que escuche en un puerto en particular una dirección IP.
Y ahora solo tenemos que iniciar el servidor con aplicaciones de nodo que ejecutarán todo el contenido del archivo.
Verás nuestros cambios de cursor.
Podemos escribir comandos más porque nuestro servidor ha comenzado.
Hay una pequeña cosa que podemos hacer para mejorar esto.
Entonces cuando Control-C sale de eso y podemos pasar la función de devolución de llamada a APT también.
Y dentro de aquí simplemente cancelaremos que el servidor de registro haya comenzado así y lo guardaremos ahora para limpiar y volver a iniciar
el servidor y recibiremos este mensaje que dice que el servidor ha comenzado solo para que quede claro
lo que está sucediendo con nuestro cónsul ahora para visitar este sitio a diferencia de la versión
local que mostré con sublime y la demostración de perro donde fui al anfitrión local Colan 3000 Clubine alojado en línea
por tu cuenta, estás bien y puedes encontrarlo haciendo clic en vista previa y haciendo clic en Vista
previa corriendo aplicación y eso abrirá una nueva pestaña.
Y si queremos, podemos usar la pestaña aquí.
Prefiero copiar el rol, abrir una nueva pestaña y pegarlo para poder usarlo en el navegador sin
tener que pasar por la nube. 9 es un navegador falso, así que cierra eso y
verás mi función. es el nombre de mi desarrollador web en el área de trabajo que coloca mi nombre de usuario punto C-9 punto.
Entonces, sea lo que sea que esté sirviendo en ese espacio de trabajo que ahora mismo es este archivo apto.
Sí, en lugar de la primera aplicación express estará en la fila que se te otorga de forma gratuita automáticamente cuando creas un espacio de
trabajo de la nube nueve y es más emocionante que eso.
Podemos ver que nos elevamos allí.
Está funcionando y haciendo una solicitud a la raíz del servidor simplemente barra.
Y me estoy poniendo alto allí.
Y si tratamos de hacer algo como esto, obtendrás un mensaje que dice
"no puedo entenderlo".
Así que agreguemos otro ahora.
El mismo patrón exacto.
Hagamos la ruta de compra.
Entonces, queremos una aplicación que no tenga cortes.
Y luego nuestra función solicita una respuesta así.
Y enviaremos puntos rojos y nos despediremos así y guardaremos eso.
Ahora, si vamos a la barra, compre y presione enter.
Verás que todavía no funciona.
Y eso es porque tenemos que reiniciar el servidor.
Entonces, cada vez que hacemos algunos cambios, necesitamos reiniciar el servidor.
Por ahora voy a mostrarte una herramienta que nos ayudará para que no tengamos que reiniciarla constantemente.
Pero por ahora tengo que hacer el nodo Abdulle J. S. de nuevo guarde o actualice esta vez si vamos a la barra por.
Ahora recibo mi mensaje de despedida y si voy a la raíz me pongo alto allí.
Así que hagamos uno más ahora.
Volvamos.
perro desordenado o devolver la llamada con solicitudes y respuestas y luego, en lugar de eso, vamos a responder.
Tan apto para obtener un
RAZ Y miau.
Qué estaba pensando.
¿Por qué dije "miau"?
Está bien, voy a ir con eso.
Definitivamente debería tener hembra, pero si reinicio mi servidor reinicio Control-C para cerrarlo y presionan la flecha
hacia arriba y ejecuto el nodo después de JSC otra vez y vuelvo aquí. Actualizo.
perro para que salga y puedo ir a atacar adiós a la puerta y puedo ir a no cortar nada y ponerme en lo alto allí.
Y ahora voy a atacar a un
Así que eso es todo lo que estamos haciendo para esta primera aplicación express.
Antes de seguir adelante.
Voy a abrir el cartero y probar nuestra aplicación.
Así que vamos a hacer una solicitud de obtención y lo haremos con la ruta del perro slash solo
para probarlo y en lugar de los servidores locales 3000 perro slash, tenemos que hacer una solicitud a este perro Arel slash.
Así que voy a copiar esto y volver al cartero y simplemente pegar que eres Ellen.
va a hacer que una solicitud a este Web Dev Bootcamp aprenda con el perro Colt C9 Daddy-O slash por supuesto.
Y antes de hacer cualquier otra cosa que sepa redimensionar esto y cambiar el tamaño de esta ventana también
y podemos cerrar o reducir esto un poco,
Esto también coincidirá con su propia cuenta de nube 9.
Y lo que voy a hacer es, en lugar de mi perro de aplicación, agregar un registro de Dalt.
Y solo
va a decir que alguien hizo una solicitud para cortar el perro y lo guardaremos y este blog de la consola
aparecerá aquí.
No va a aparecer en el navegador dentro de la consola de depuración de JavaScript.
El frente y estafa Aquí, en la consola de nodos, hemos comenzado ejecutando aplicaciones de nodo.
Sí.
Entonces, si reinicio el servidor y comenzaré mostrándole si lo cambio aquí y actualizo la página,
déjenme ir a otra página y actualizar.
Y ahora si voy a cortar perros o vigilar perros aquí, dice que alguien ha hecho una solicitud a Slashdot.
Así que eso es solo para mostrarles que ese código se activa tan pronto como hacemos una solicitud
y que no solo es activado por nuestro navegador, sino que también podemos activarlo usando el cartero que mostraré ahora.
Entonces, todo lo que necesito hacer es presionar enter aquí o enviar y tenemos otro.
Alguien hizo una solicitud para cortar el perro, pero también un cartero de pantalla completa.
Ahora veamos lo que fue enviado de vuelta.
Entonces el cuerpo es solo miau.
No sé lo que estaba pensando que haría ahora, pero recibimos un mensaje de texto de vuelta
y podemos hacer lo mismo yendo al camino correcto y enviando una solicitud, nos ponemos a la altura y también podemos
hacer barra por.
Y también obtenemos lo mismo.
es para mostrarle que estas solicitudes no importa de dónde se originan si es de un navegador.
Así que esto
Un teléfono con el navegador si es de un terminal en algún lugar o algo así como el cartero no importa.
Nuestro servidor solo está escuchando cualquier solicitud que sea una solicitud de obtención de tres rutas diferentes.
Pase por y la ruta de la ruta y cuando reciba una de esas solicitudes, responderá con un
texto simple.
Todo bien.
Así que eso es todo lo que quería cubrir en esta primera introducción para expresar la aplicación.
aún no ha sido una gran aplicación, pero créanme que el orden en el que vamos es muy deliberado.
Sé que es realmente muy simple, que
Empezamos de a poco y vamos a agregar una pieza a la vez. Las siguientes piezas que agregaremos
responden con los archivos de correo HQ.
Entonces, en lugar de leer ese mensaje, hay otro método que usaremos para enviar un archivo completo de H. T. envíe por correo y
también presentaremos un concepto llamado variables Raut o variables de ruta.
OK, te veré en el siguiente video