/week4_day2

ExpressJS, Nodemon, HBS

Primary LanguageJavaScript

week4_day2

Express

Main points: Express

  • Crear un servidor básico con rutas y archivos estáticos en Express supone:

    • Requerir Express 
      const express = require('express')
    • Instanciar la aplicación a partir de Express 
      const app = express()
    • Incluir el middleware de directorio con archivos estáticos public 
      app.use(express.static('public'))
    • Enrutar 
      app.get('/', (req, res) => res.send('<h1>Hi there!</h1>'))
    • Levantar el servidor 
      app.listen(3000, () => console.log("Server listening on port 3000"))

  • Enrutar supone hacer uso del método .get()o .post() de la aplicación instanciada, recibiendo como argumentos:

    • Endpoint en formato de string.
    • Callback con los parámetros por defecto req (petición) y res (respuesta).

Main points: Nodemon

  • El módulo global Nodemon, instalado mediante el comando npm i nodemon --global, atiende a los cambios en un archivo, siendo iniciado mediante:
    • nodemon: escucha los cambios sobre el archivo indicado como entry point (propiedad mainde package.json).
    • nodemonnombre_archivo: escucha los cambios realizados en el archivo indicado.

Main points: objeto response

  • El objeto response dispone de tres métodos para mostrar información en el cliente:
    • .send(): muestra el código pasado como argumento en el cliente.
    • .sendFile(): muestra en el cliente el archivo enlazado mediante el path absoluto argumentado.
    • .render(): renderiza la vista cuyo nombre sea argumentado. 
      app.get('/', (req, res) => res.render('nombre-vista'))

Main points: dynamic templating

  • El método .render() recibe dos argumentos:
    • Nombre del archivo handlebars, sin extensión
    • Objeto con datos (opcional)
  • Los archivos de HBS interpolan propiedades con dos llaves (solo mostrar) o tres (renderizar)

Main points: layout

  • El layout debe tener el nombre layout.hbs
  • Debe contener la información dinámica en {{{ body }}}

Main points: partials

  • Para usar partials es necesario:
    • Requerir hbs
    • Registrar su directorio a través de hbs.registerPartials(path)
    • Incluir los parciales (sin guiones medios en el nombre) en el directorio registrado (views/partials)
  • Un partial puede ser incluido en un hbs mediante al sintaxis {{> partialName}}

Apuntes finales

  • El comando nodemon -e js,hbs,css app.js levanta Nodemon con alcance de parciales.