Todo bien.
Empecemos por implementar una aplicación realmente simple.
De nuevo, va a tener dos rutas a las plantillas realmente muy simples.
Lo primero que quiero hacer es simplemente hacer esa aplicación.
Entonces lo haré realmente rápido.
Hice una nueva carpeta llamada deploying demo.
Lo primero que haré es NPM y.
Y voy a pasar por la mayoría de estos bastante rápido.
J. S. como mi punto de entrada.
De lo contrario, eso es todo lo que tenemos que hacer.
Lo siguiente que haré es instalar NPM Express y también hacer E. J. s dash dash save y dash dash.
Guardar es especialmente importante en este momento cuando estamos implementando.
que nuestro paquete de Jason continúe y abrir eso, queremos asegurarnos
de que tenga todas nuestras dependencias porque lo que sucede es que vamos a enviar nuestro código
y nuestro paquete que Jason a su Roku utilizando. De hecho, es como lo hacemos. Lo enviaremos
a los servidores de Heroku y luego Heroku ejecutará la instalación de NPM e instalará lo que esté en el paquete. Jason.
Queremos asegurarnos de
Entonces, en este caso, ejecútenos y exprésemos. Entonces, si nos falta algo, no hubiéramos expresado
en este paquete que Jason Heroku no sabría instalarlo.
Entonces la clave es que en realidad no estamos enviando el directorio de módulos de nodos.
Eso no llega hasta Roku porque no hay razón para hacer eso, es un punto de
NPM en lugar de enviar estos archivos gigantes y todos los directorios a todo el módulo de Express.
Todo lo que hacemos es enviar el paquete que Jason que contiene las instrucciones o la receta que necesitamos Express
lo necesitamos.
Sí.
Una especie de lista de compras y luego Heroku irá y descargará todo eso.
Así que solo queremos asegurarnos de que todo esté aquí.
En este caso, es muy breve y simple, pero cuando lleguemos al campamento de Yelp, queremos hacer un control exhaustivo
para asegurarnos de que todo esté allí.
Si olvidas algo, no es el fin del mundo.
Te mostraré cómo hacerlo. Lo romperé deliberadamente.
Una vez que acampamos, puedes ver cómo lo arreglas.
Muy bien, entonces lo siguiente que quiero hacer es hacer mi aplicación J J. S. y luego también voy a hacer un
directorio de Vista.
Y luego, mientras estoy aquí, hagamos un corte en las vistas y lo haremos en casa, padre E. J. Sí.
Y el otro llamará por eso E. J. Sí.
Estupendo.
Entonces solo dos vistas
Los llenaremos con cosas realmente simples.
Entonces, ¿qué vamos a implementar nuevamente?
Una aplicación con dos rutas dos plantillas que solo van a ser horribles.
Knowsley evalúa exactamente el mínimo absoluto.
Pero podría tomar esto y ya sabe implementar un sitio de
cartera o implementar un sitio de blog o lo que sea que haga que no requiera un backend de mongo.
Así que vamos a abrir esto y
comenzar con su aplicación J y arriba.
Lo primero
que debe hacer es decir que expresar es igual a requerir expreso y luego lo haremos igual a ejecutar esa función expresamente.
Mientras estemos aquí, diremos
que al principio vemos el motor para Ejay y luego todo lo que deberíamos hacer ahora es declarar nuestras cuerdas.
Comencemos por obtener solo la página de inicio o
la ruta de la ruta y haremos un render de resto.
Y vamos a ver cuál es nuestra plantilla
home homestart redstart home, así que hará lo mismo, excepto por slosh about y dará como resultado el renderizado.
Sobre la derecha.
Entonces dos rutas con dos plantillas diferentes.
Ahora tenemos que completar esas plantillas.
Así que vamos a
casa primero y complete eso.
Así que solo
voy a hacer una página de inicio H-1 y podemos agregar algo más tarde, pero comencemos
con eso y haremos lo mismo con H-1 sobre Paige.
Todo bien.
Entonces comenzaremos allí.
Y lo último que
necesitamos antes de que podamos comenzar nuestro servidor es después de escuchar al final.
Está bien, así que
esta es nuestra aplicación súper simple. Deberíamos revisarla desde el principio en la parte Express de este curso.
Así que asegurémonos de que las cosas funcionen.
Intenta ejecutar aplicaciones de nodo.
Sí.
No pusimos un mensaje.
Por lo tanto, está
funcionando simplemente no se ve muy bien o realmente no nos dice que está funcionando, pero entonces vamos a ver nuestra aplicación.
Oop parece que tenemos un pequeño problema. No se especificó ningún motor predeterminado. No se proporcionó ninguna extensión.
¿Qué tenemos al principio?
Ver motor.
Y, por supuesto, lo eché a perder.
No se supone que sea un juego su motor de espacio de visión.
Derecha.
Así que intentémoslo una vez más.
Con suerte, algunos de ustedes atrapados pueden refrescarse.
También puede hacerlo rápido aquí para abrir en el navegador.
Puedes ver aquí que obtenemos nuestra aplicación, creemos que realmente podemos deshacernos de todo eso.
Aquí vamos.
Y si voy a la barra, obtengo una página.
Entonces hay dos envolturas súper simples y eso es todo lo que vamos a hacer.
Quizás agreguemos un enlace.
Entonces, si vamos a casa, agreguemos una etiqueta de anclaje que A-Trak debería tachar.
Vaya a la página Acerca de y luego la volveremos a colocar o la copiará a
la página Acerca de y tendrá un enlace solo a la ruta.
Vete a casa.
DE ACUERDO.
Entonces, verifiquemos que eso funcione.
Vaya a la página Acerca de.
Vete a casa.
Estupendo.
Entonces tenemos dos rutas
Nuestra aplicación está hecha.
Impresionante aplicación derecha.
Así que cerraré esto aquí, creo.
Aquí vamos.
Y lo siguiente que haremos es trabajar en la implementación de esto.
Así que hemos terminado con la aplicación en sí.
Una vez más, no es emocionante, pero es
exactamente la misma idea si está haciendo una hermosa aplicación bien diseñada o una aplicación súper simple para enrutar.
Los conceptos son exactamente el mismo código en lo que respecta al despliegue.