Utilizzo di motori di template con Express

A template engine enables you to use static template files in your application. At runtime, the template engine replaces variables in a template file with actual values, and transforms the template into an HTML file sent to the client. This approach makes it easier to design an HTML page.

The Express application generator uses Pug as its default, but it also supports Handlebars, and EJS, among others.

To render template files, set the following application setting properties, in the default app.js created by the generator:

• views, la directory dove sono ubicati i file di template. Ad esempio: app.set('views', './views') This defaults to the views directory in the application root directory.
• view engine, il motore di template da utilizzare. Ad esempio: app.set('view engine', 'pug')

Quindi, installare il pacchetto npm del motore di template corrispondente:

$ npm install pug --save

Una volta specificata l’impostazione view engine, non è necessario specificare il motore o caricare il modulo del motore di template nella propria app; Express carica il modulo internamente, come mostrato di seguito (per l’esempio precedente).

app.set('view engine', 'pug')

Creare un file di template Pug denominato index.pug nella directory views, con il seguente contenuto:

html
  head
    title= title
  body
    h1= message

Quindi, creare una route per il rendering del file index.pug. Se la proprietà view engine non è impostata, è necessario specificare l’estensione del file view. Altrimenti, è possibile ometterla.

app.get('/', (req, res) => {
  res.render('index', { title: 'Hey', message: 'Hello there!' })
})

Quando si fa una richiesta alla home page, verrà eseguito il rendering del file index.pug come HTML.

The view engine cache does not cache the contents of the template’s output, only the underlying template itself. The view is still re-rendered with every request even when the cache is on.