Condivisione della tecnologia

nunjucks aggiorna dinamicamente il percorso del modello

2024-07-12

한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina

La lettura dinamica del file con ogni richiesta ha un certo impatto sulle prestazioni, soprattutto in situazioni di elevata concorrenza. Per risolvere questo problema, è possibile leggere la configurazione del modello all'avvio dell'applicazione e aggiornare la configurazione quando il modello cambia, in modo che il file debba essere letto solo all'avvio dell'applicazione e al cambiamento del modello, invece di leggere il file ogni volta. richiesta.

È possibile utilizzare una variabile globale per memorizzare nella cache il percorso del modello corrente e aggiornare la variabile e il file solo quando il modello viene modificato.

Ecco il codice di esempio migliorato:

Esempio di struttura di directory

project
│
├── views/
│   ├── template1/
│   │   └── index.njk
│   ├── template2/
│   │   └── index.njk
│
├── config/
│   └── templateConfig.json
│
├── app.js
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12

templateConfig.json Contenuto di esempio

{
    "currentTemplate": "template1"
}
  • 1
  • 2
  • 3

app.js Codice d'esempio

const express = require('express');
const nunjucks = require('nunjucks');
const path = require('path');
const fs = require('fs');

const app = express();

// 设置静态文件目录
app.use(express.static(path.join(__dirname, 'public')));

// 全局变量,缓存当前模板路径
let currentTemplatePath;

// 读取配置文件中的当前模板路径
function loadTemplateConfig() {
    const config = JSON.parse(fs.readFileSync(path.join(__dirname, 'config/templateConfig.json'), 'utf8'));
    currentTemplatePath = config.currentTemplate;
}

// 配置Nunjucks环境
function configureNunjucks() {
    nunjucks.configure(path.join(__dirname, `views/${currentTemplatePath}`), {
        autoescape: false,
        noCache: true,
        express: app
    });
}

// 初始化时加载配置
loadTemplateConfig();
configureNunjucks();

// 路由
app.get('/', (req, res) => {
    res.render('index.njk', { title: 'Hello Nunjucks!' });
});

// 路由:更改模板路径
app.get('/change-template', (req, res) => {
    const newTemplate = req.query.template;
    if (newTemplate) {
        currentTemplatePath = newTemplate;
        const config = { currentTemplate: newTemplate };
        fs.writeFileSync(path.join(__dirname, 'config/templateConfig.json'), JSON.stringify(config), 'utf8');
        configureNunjucks(); // 更新Nunjucks配置
        res.send(`Template changed to ${newTemplate}`);
    } else {
        res.send('No template specified');
    }
});

// 启动服务器
const port = 3000;
app.listen(port, () => {
    console.log(`服务器已启动,访问地址:http://localhost:${port}`);
});
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37
  • 38
  • 39
  • 40
  • 41
  • 42
  • 43
  • 44
  • 45
  • 46
  • 47
  • 48
  • 49
  • 50
  • 51
  • 52
  • 53
  • 54
  • 55
  • 56

spiegare

  1. variabili globali currentTemplatePath: memorizza nella cache il percorso del modello corrente.
  2. loadTemplateConfig funzione: legge il file di configurazione del modello all'avvio dell'applicazione e salva il percorso in una variabile globale.
  3. configureNunjucks funzione: configura l'ambiente Nunjucks in base al percorso del modello memorizzato nella cache.
  4. Carica la configurazione durante l'inizializzazione: Chiamato all'avvio dell'applicazione loadTemplateConfig EconfigureNunjucks funzione.
  5. Modificare il routing per i percorsi dei modelli: aggiorna le variabili globali, i file e riconfigura Nunjucks quando l'utente cambia il percorso del modello.

In questo modo il file e i Nunjuck di configurazione vengono letti solo all'avvio dell'applicazione e l'utente modifica il percorso del template, evitando il problema prestazionale della lettura del file ad ogni richiesta.