Ahora, que hemos aprendido acerca de Express Generator,
la herramienta de andamios para aplicaciones de expertos,
instalemos Express Generator y luego creemos una nueva aplicación Express.
Vamos a crear la réplica exacta de
la aplicación Express REST API que implementamos en el módulo anterior.
De hecho, reutilizaremos los tres routers, los
routers Express que implementamos en la aplicación Express anterior en
la aplicación recién generada que vamos a
generar usando Express Generator en este ejercicio.
Para empezar, su primer paso es instalar Express Generator.
Por lo tanto, en el símbolo del sistema, escriba «npm
install -g» para instalarlo como un módulo global de NPM.
Diremos Express Generator y presionaremos el Retorno.
Ahora, si está instalando en una máquina OSX o Linux,
asegúrese de usar sudo delante de este comando.
A continuación, instale la aplicación como una aplicación global.
Como puede ver, la versión Express Generator que estoy usando es 4.16.0 en este curso.
Ahora, que hemos instalado Express Generator, en su terminal,
muévase a la carpeta Node.Js donde ha estado almacenando
todas las aplicaciones de nodo que hemos estado desarrollando en este curso,
en la carpeta Node.Js.
En el símbolo del sistema escriba express ConfusionServer.
Ahora, si ha estado siguiendo de los cursos anteriores,
entiende por qué lo llamo Confusion y así
vamos a andamiar nuestra aplicación expresa en el ConfusionServer.
Estoy andamiando sin nuevas opciones y luego dentro de un corto tiempo,
el servidor Express será andamiado.
Ahora, muévase a la carpeta ConfusionServer y luego
verá que un montón de archivos ya se han andamiado para usted.
Entonces, abramos este proyecto en Visual Studio Code.
Además, en el símbolo del sistema, escriba «npm
install» para instalar todos los módulos NPM
que ya están incluidos en el archivo package.json.
Por lo tanto, echemos un vistazo rápido al archivo package.json para ver cuáles son
todos los diferentes módulos NPM Node que se van a instalar.
Ir a nuestra aplicación,
en el archivo package.json,
ves que el servidor con el nombre predeterminado
ha sido andamiado y ves un montón de dependencias que se declaran aquí.
Por lo tanto, todos estos módulos NPM se instalarán automáticamente para
usted por NPM cuando escriba «npm install» en esta carpeta.
Por lo tanto, verá la carpeta de módulos de nodo que se está creando aquí.
Vaya al terminal, escriba «npm install» y luego deje que
continúe con la instalación de todos los módulos NPM.
Una vez completados,
entonces estamos listos para comenzar con nuestra aplicación Express.
Observará que la aplicación Express predeterminada ya se ha instalado.
Así que en el mensaje,
si simplemente dice npm start,
la aplicación predeterminada se iniciará y puede
navegar usando su navegador estándar para ver qué sirve esta aplicación.
Vaya a Postman en el bloque de direcciones tipo localhost:3000 y
envíe la solicitud y verá que su servidor devolverá
esta información predeterminada del sitio del servidor.
Por lo tanto, este es el servidor Express estándar que es andamiado por Express Generator.
En la consola, verá información como esta impresa aquí.
Esto es lo que Morgan imprime en la pantalla para mostrar las solicitudes que llegan. Por
lo tanto, muestra el tipo de solicitud a qué URL
y la respuesta correspondiente que se ha enviado de vuelta al cliente desde el servidor.
Detengamos el servidor Express.
Vamos a inicializar un repositorio de Git y luego
vamos a comprobar el estado de Git y verá que los módulos de nodo están siendo incluidos.
Entonces, déjame cambiar a mi aplicación y luego crear
un archivo gitignore y luego en el archivo gitignore,
déjame especificar los módulos de nodo como un archivo que quiero ignorar.
Luego volviendo a la terminal,
permítanme verificar el estado de git y verán que ahora
vamos a estar registrando solo aquellos archivos que son parte de nuestra aplicación.
Por lo tanto, en el símbolo del sistema, escriba git add,
y luego diga, estado de git y verá que todos los archivos se han registrado.
Entonces, dices, git commit -m «Express Generator».
Ahora, vamos a continuar con esta aplicación Express.
Ya habíamos construido los tres routers usando
el router Express en la aplicación Express anterior que implementamos.
Vamos a copiar esos tres routers a esta aplicación que generamos con
Express Generator y también configurar esta aplicación para hacer uso de esos tres routers.
Entonces, para hacer eso,
déjame ir a la carpeta Node.Js y luego,
yendo a la carpeta express del nodo y las rutas,
voy a copiar el dishRouter.js,
leaderRouter.js router.js y promoRouter.js que he implementado
en la asignación y vamos a pasar
al ConfusionServer que yo acaban de crear y en la carpeta de rutas y luego copiar
sobre esos tres routers Express que creamos allí.
Así que automáticamente, modificando el archivo app.js,
podremos soportar la API REST usando
la aplicación Express que acabamos de andamiar.
Haciendo una visita rápida a la aplicación que ha sido scaffolded.
Como mencioné en la conferencia anterior,
app.js es el lugar donde comienza todo.
Por lo tanto, este es el archivo estándar para que pueda ver algunas de
las cosas con las que está familiarizado desde el módulo anterior.
Por lo tanto, estamos requiriendo un registrador de ruta expreso que es Morgan en este caso.
CookieParser que utilizaremos en uno de los ejercicios posteriores y
también verá que está importando dos rutas;
el índice y los usuarios,
que ya están andamios por Express para nosotros.
Por lo tanto, agregaremos los tres nuevos enrutadores aquí.
Por lo tanto, voy a decir, var DISHRouter requieren rutas
DISHRouter y luego copiarán esto y luego también importarán
el PromoRouter y el LeaderRouter
y vamos a configurar estos para ser utilizados aquí.
Aquí puede ver que el índice está montado en
la barra diagonal y luego los usuarios se montan en /users.
Por lo tanto, vamos a decir, el uso de la aplicación
y platos DishRouter.
Son las cuatro en punto.
Promociones PromoRouter y líderes.
LeaderRouter. Eso es todo.
Nuestra aplicación Express que ha sido scaffolded out ahora está todo configurado
para ser un servidor API REST completo que servirá para platos,
platos, promociones y líderes.
Ahora, si navegas por el resto del código,
parecerá familiarizado con algunas cosas nuevas allí.
Los visitaremos como y cuando necesitemos entender un poco más de detalles allí.
Por lo tanto, puede ver que el servidor estático se ha configurado,
el registrador se ha configurado allí y algunos de estos otros, así que
este es un controlador global de errores.
Vamos a ver cómo hacer uso de él con más detalle.
Y estos dos son controladores de errores adicionales que siguen después de esto.
Vamos a ver cómo hacemos uso de ellos a medida que implementamos más en esta aplicación.
Entonces, aquí es donde usted nota toda esta información.
Ahora, se pregunta dónde está
configurado el servidor en sí para el host local y el número de puerto está configurado.
Ahora, esta información está en este archivo llamado bin/www.
Si abre la carpeta bin/www,
verá información adicional aquí.
Por lo tanto, dice, var aplicación requiere.. slash/aplicación.
Entonces, desde la carpeta bin,
sube aquí y luego,
este archivo app.js se requiere aquí en esto;
y así, eso incluirá automáticamente el expreso y todo.
Y luego, aquí está configurando
el servidor http aquí y está configurando el número de puerto.
También puede proporcionar su propio número de puerto en la línea de comandos,
pero en este momento vamos a utilizar el valor predeterminado, que es 3000,
y vamos a configurar el número de puerto aquí; y luego,
verá el servidor var http.CreateServer que ha visto anteriormente,
y el servidor está escuchando las cosas aquí.
Y luego, también, aquí hay algunos eventos para escuchar en el lado del servidor.
Volveremos a esto en uno de los ejercicios posteriores.
Y luego, abajo verá un
código adicional que configura su servidor para poder
manejar errores y escuchar solicitudes entrantes en el número de puerto, etc.
Por el momento, no se preocupe demasiado por este código.
Revisaremos este código siempre que lo
necesitemos, y modificaremos este código a medida que lo necesitemos en uno de los ejercicios posteriores.
Por lo tanto, ahí es donde la información de su servidor está configurada allí.
Y app.js, ya hemos visto la carpeta de rutas allí.
Index.js y users.js son dos rutas predeterminadas que ya están configuradas para nosotros.
Vamos a usar el users.js en uno de los ejercicios posteriores.
Y en la carpeta pública,
sigamos adelante y copiemos index.html y
aboutus.html de nuestra aplicación Express en la carpeta pública también.
Entonces, volviendo a la carpeta pública node-express.
Sólo voy a copiar estos dos.
Y luego, volveremos al servidor de confusión;
y luego, en la carpeta pública,
simplemente voy a pegarlos en su lugar.
Por el momento, estos son marcadores de posición.
Más adelante, los reemplazaremos con otras cosas.
Por lo tanto, con estos cambios,
nuestro servidor ahora está completamente configurado para ejecutarse como
un servidor API REST y admitirá todos los extremos de la API REST.
Así que, vamos a empezar nuestro servidor.
Por lo tanto, en el símbolo del sistema,
escriba npm start y su servidor estará en funcionamiento.
Vamos a PostBin y enviar algunas solicitudes a este servidor.
Ahora enviemos una solicitud get al host local 3000/platos,
y notará que el servidor de API REST está funcionando exactamente como esperamos.
Enviamos una solicitud de eliminación y eliminará los platos.
Y luego, enviemos
una solicitud de eliminación a las promociones y verás que funciona igual que antes.
Y hacemos un post a las promociones
con el cuerpo de fielding
y enviamos la solicitud de publicación,
y verás que dice:
«Vamos a añadir la prueba de promoción con una descripción detallada».
Vamos a enviar esto a los líderes.23,
pero pon solicitud a los líderes.23 y deberías ver que dice: «Actualización del líder 23.
Mejorará al líder». Por lo tanto, verá que
el generador Express que generó la aplicación y la hemos modificado
para admitir todos los extremos de la API REST que
configuramos en la versión anterior del router Express.
Ahora, con esto, completamos este ejercicio donde hemos demostrado cómo podemos
usar el generador Express para construir el punto final de la API REST.
Ahora, este es un buen momento para que hagamos un Git Kermit de los cambios con el mensaje,
«Express generador REST API».