Refrescó la parte trasera
Contenidos
Este proyecto se conocía anteriormente como “Jade”. Sin embargo, se nos reveló que “Jade” es una marca registrada; como resultado, era necesario un cambio de nombre. Después de algunas discusiones entre los mantenedores, se eligió “Pug” como el nuevo nombre para este proyecto. A partir de la versión 2, “pug” es el nombre oficial del paquete.
Antes del cambio de nombre, ya se había empezado a trabajar en “Jade 2.0.0”. Por lo tanto, el cambio de nombre a Pug coincidió con el gran salto de versión. Como resultado, la actualización de Jade a Pug será el mismo proceso que la actualización de cualquier otro paquete con un salto de versión importante.
Pug redirect
Para cada proyecto Node.js, necesitamos un archivo llamado package.json. Su propósito es almacenar metadatos sobre el proyecto (por ejemplo, nombre, descripción, versión, autor, etc.), y gestionar las dependencias del proyecto y los scripts. Podríamos crear el archivo manualmente, pero eso sería tedioso.Por lo tanto, el propósito de npm init es crear el archivo package.json. Una vez que se ejecuta el comando, se obtiene un prompt interactivo donde se puede añadir información sobre el proyecto. O, si estás contento con la información sugerida, puedes pulsar enter hasta el final. Si no añades ninguna información, tu archivo debería tener este aspecto:
Crear un servidor básicoHay varios frameworks de Node.js para crear un servidor. Sin embargo, para este tutorial, usamos Express porque es un framework web maduro y conocido. Instalamos Express en tu proyecto de la siguiente manera:
Ahora asegúrate de que el servidor funciona. Puedes comprobarlo ejecutando node index.js en tu terminal, y luego visitando localhost:3000. Si has hecho todo correctamente, deberías ver una página que diga “It works”.Añadir PugAntes de añadir TailwindCSS a nuestro proyecto, debemos instalar Pug. Pug es un motor de plantillas para Node, que tiene una sintaxis simplificada y compila a HTML. El primer paso es instalar Pug en nuestro proyecto. Podemos instalarlo ejecutando el siguiente comando:
Renderización del lado del servidor de Pug
ResumenEste artículo muestra cómo se puede crear un “esqueleto” de sitio web utilizando la herramienta Generador de Aplicaciones Express, que luego se puede rellenar con rutas, vistas/plantillas y llamadas a la base de datos específicas del sitio. En este caso, utilizaremos la herramienta para crear el esqueleto de nuestro sitio web de la Biblioteca Local, al que posteriormente añadiremos el resto del código necesario para el sitio. El proceso es extremadamente simple, requiriendo sólo que invoques el generador en la línea de comandos con un nuevo nombre de proyecto, especificando opcionalmente también el motor de plantillas del sitio y el generador de CSS.
Las siguientes secciones muestran cómo llamar al generador de aplicaciones, y proporciona una pequeña explicación sobre las diferentes opciones de vista/CSS. También explicaremos cómo está estructurado el esqueleto del sitio web. Al final, mostraremos cómo se puede ejecutar el sitio web para verificar que funciona.
Nota: El generador de aplicaciones Express no es el único generador de aplicaciones Express, y el proyecto generado no es la única forma viable de estructurar sus archivos y directorios. Sin embargo, el sitio generado tiene una estructura modular que es fácil de extender y entender. Para obtener información sobre una aplicación Express mínima, consulte el ejemplo Hello world (Express docs).
Comentarios
app.use(passport.session());Debes asegurarte de que passport.initialize() y passport.session() se añaden después de vincular el middleware de sesión exprés, expressSession(session), al middleware de nivel de aplicación.Almacenar y recuperar los datos de usuario de la sesión️️ El último paso en la configuración de Passport.js es soportar las sesiones de inicio de sesión serializando y deserializando las instancias de usuario hacia y desde la sesión. Para integrar esta funcionalidad, una vez más, actualice la sección de configuración de la aplicación de la siguiente manera:// index.js
GET /callbackPara gestionar mejor estos endpoints, los crearás dentro de un módulo de autenticación y los exportarás a través de un router Express para que tu aplicación Express pueda utilizarlos.️ Para empezar, crea un archivo auth.js bajo el directorio del proyecto.touch auth.jsPues rellénalo con esta plantilla para definir su estructura:// auth.js
require(“dotenv”).config();Aquí tienes un resumen de los nuevos módulos que estás utilizando:Pronto verás cómo estos módulos agilizan la lógica de tu controlador de rutas.️ El primer endpoint que crearás es el GET /login. Actualiza la sección Routes Definitions de tu archivo auth.js como sigue:// auth.js
Relacionados
Soy Laura y de pequeña teniamos un Carlino en casa Rocky, el me hizo enamorarme de esta raza de perro. Soy una apasionada de los pugs, tengo 3 y como se lo dificil que es cuidar de esta raza por lo delicados que son me propuse crear un blog dedicado a la mejor raza de perros del mundo y poder ayudar a todos los propietarios. Espero que os guste mucho mi blog y si necesatais cualquier cosa no dudeis en escribirme.