De regreso en los próximos videos, nos enfocaremos en crear esta aplicación con ilustraciones de usuario y
para comenzar.
Necesitamos configurar la estructura de la aplicación real que necesita para instalar algunos paquetes, incluidos estos aquí de
los que hablé en el último video.
Y luego agregaremos dos rutas básicas, por lo que aún no vamos a
cubrir ninguna autenticación.
Vamos a sentar las bases para que podamos hacer eso en el próximo video.
haré un nuevo directorio dentro de ese llamado Auth.
Así que hice un nuevo directorio llamado autenticación y demo y CD en demo fuera de y luego ejecutará NPM y simplemente acelerará a través de esta descripción.
El espacio en blanco me gustaría cambiar eso en realidad sí, Arthur.
Sí, eso está bien.
OK, entonces hagamos su dirección.
Ahora tenemos que instalar sus paquetes, así que tenemos bastantes.
Necesitamos instalar el pasaporte de analizador de cuerpo de pasaporte de mangosta local.
También necesitamos pasaporte mangosta local y sesión urgente bastantes.
Los voy a hacer en algunas líneas diferentes, aunque es bueno hacerlo todo en una sola línea.
Será difícil ver el video en caso de que se corte por aquí.
Así que comenzaré a hacer la instalación de NPM Expressen mongoose dash dash save.
Y luego, vamos a hacer el pasaporte y luego el pasaporte local.
DE ACUERDO.
Así que ahora haremos el paso de espacio de pasaporte de instalación de NPM o guionaremos el guión de dash local y eso nos dará
dos más.
A continuación vamos a hacer NPM instalar pasaporte local mongoose dash dash.
ahora hará partes del cuerpo para NPM instale el analizador de Audi y también hará la sesión discúlpeme sesión de tablero de la sesión exprés.
Ahorre
Seguro y eso debería ser todo lo que necesitamos.
Así que echemos un vistazo al paquete que Jason y nosotros tenemos.
Express express session mongoose pasaporte pasaporte local pasaporte local mongoose y body parser.
Bastantes paquetes allí.
Muy bien, así que ahora vayamos a la persecución de la aplicación y cerremos eso.
C9.
Sí.
Y mientras estamos en la terminal, hagamos que nuestro directorio de vistas esté justo allí.
Ahí vamos y también crearemos un directorio modelo y solo tendremos un modelo que será
el usuario.
Y llegaremos a eso en el próximo video.
Entonces, dentro de sí comenzaremos con nuestra aplicación express básica.
Hasta el momento las llamadas Express requieren Express y luego haremos una aplicación VAR igual a express así.
Y luego haremos algunas de nuestras otras configuraciones.
motor de vista es Ejay us y ese es un paquete que realmente olvidamos instalar, así que podemos hacer eso ahora e instalarlo.
Entonces, la aplicación que configura el
Sí.
Dash Dash Guardar.
Y mientras eso suceda, agregaremos nuestra primera ruta y agregaremos la ruta para
comenzar.
Así que es conveniente obtener una barra inclinada y simplemente renderizaremos una plantilla que llamamos hogar.
Así que rez que rinden a casa.
Ahora tenemos que hacer la plantilla de inicio.
Así que tenemos nuestro directorio de vistas aquí mismo.
Ahora tenemos que hacer visitas táctiles para hacer un corte en la página de inicio que nos muestra y luego abriremos ese
archivo y agregaremos un simple H-1 que dice que esta es la página de inicio así como así.
Y luego, lo último y más importante es realmente iniciar el servidor para agregar la aplicación.
Escuche y recuerde su proceso que EMV ese puerto Khama procesa esa función de devolución de llamada de coma IP EMV que se ejecutará
y que solo cancelará ese servidor de registro iniciado.
Aquí vamos.
veamos si me falta algo importante, así que limpiemos esto y ejecutemos el nodo después de JS.
Démosle una oportunidad y
Está bien, dice que el servidor comenzó.
Ahora vamos a visitar la URL.
Entonces el camino de la raíz aquí.
Solo barra y deberíamos obtener.
Esta es la página de inicio y lo hacemos.
Estupendo.
Ahora configuremos la ruta secreta que será otro secreto de abduc to slash.
Y por ahora solo vamos a renderizar una plantilla y esa plantilla simplemente dirá que esta es la página
secreta y podemos agregar una foto vergonzosa allí si lo desea.
Tan secreto solo así.
Y ahora tenemos que crear esa plantilla.
Así que toca usar el secreto de barra Ejaz y luego lo
abriremos y agregaremos un H-1.
Esta es la página secreta y también podemos agregar un párrafo.
Me encontraste y luego agregaré una etiqueta de imagen aquí con esa foto horriblemente embarazosa de mí.
Siéntase libre de poner lo que quiera, siempre que también sea terriblemente embarazoso y deba estar en
el archivo secreto.
DE ACUERDO.
Vamos a guardarlo por ahora o reiniciar el servidor.
Y deberíamos poder ver esa página secreta porque no tenemos ningún secreto de barra de autenticación.
Y sí, funciona porque todavía no tenemos nuestra autorización.
Estupendo.
Así que eso es todo lo que quería hacer en este video.
Otra cosa que podemos hacer en los EE. UU. Es simplemente comenzar a agregar nuestro código de mangostas, así que haremos una mangosta
VAR que requiera mangosta y luego nos conectaremos a una base de datos con nuestra mangosta que se conecta y que
debe ser Mongo DB colon slash slash localhost slash y luego, sea lo que sea que queramos llamar,
simplemente lo suspenderé de la aplicación demo así.
DE ACUERDO.
Y esa es toda la configuración que haremos en este video.
Hemos allanado el camino para que en el próximo video podamos comenzar a crear el modelo de usuario
e importar todos los paquetes que instalamos.