如何从ExpressJS路由保存渲染的HTML视图文件

Question

我使用ExpressJS和PUG构建了静态网站的几页，以利用模板引擎的优势。

但是现在我需要导出所有ExpressJS Routes呈现的所有原始HTML。

是否有任何软件包可以帮助我做到这一点？还是我必须编写自定义命令并遍历所有Routes并保存渲染的输出？

如果只有自定义命令，如何遍历所有routes并获取渲染的输出？

Answer 1

我找不到任何库或资源来实现我想要的。但是有了一些肮脏的代码，黑客和程序包，我才能够导出所有路由。

注意：我没有写节点命令来导出html，而是添加了一条路由来触发操作，这是该路由的代码：

app.use('/export_templates', router.get('/', async function (req, res, next) {
  const endpoints = listEndpoints(app);
  const failedEndpoints = [];

  for (const i in endpoints) {
    const endpoint = endpoints[i];

    if (endpoint.path == '/export_templates') {
      continue;
    }

    try {
      const res = await axios.get('http://'+req.headers.host+''+endpoint.path+'?export=true');
    }
    catch(error) {
      failedEndpoints.push(endpoint.path);
    }
  }

  res.json({
    "status": "succes",
    "message": "Please check templates folder for the latest exported html templates",
    "failed": failedEndpoints
  })
}));

基本上，此路由迭代并使用export=true参数向所有可用路由发出请求。

然后在每个路由视图函数中，条件将检查导出参数是否可用，然后使用exportTemplateFile模板位置和新文件名作为函数参数调用pug函数。如果请求不包含export参数，则所请求的路由将仅输出什么模板。

示例路线：

router.get('/', function(req, res, next) {
  if (req.query.export) {
    exportTemplateFile('views/index.pug', 'index.html');
  }

  res.render('index.pug');
});

这是2 util函数的代码，以完成导出过程

function createTemplateFile(filename) {
  fs.open(filename,'r',function(err, fd){
    if (err) {
      fs.writeFile(filename, '', function(err) {
          if(err) {
              console.log(err);
          }
      });
    }
  });
}

function exportTemplateFile(templateLocation, templateName) {
  const html = pretty(pug.renderFile(templateLocation));

  createTemplateFile('templates/'+templateName);

  var stream = fs.createWriteStream('templates/'+templateName);
  stream.once('open', function (fd) {
    stream.write(html);
    stream.end();
  });
}

createTemplateFile函数只是创建一个不存在的新文件。

exportTemplateFile函数将HTML保存在由html呈现的pug变量中，并使用pretty包对其进行美化，然后覆盖新的模板文件。

注意：就我而言，所有pug模板都是静态的，因此我不必将任何上下文传递给pug.renderFile函数。但是，如果您需要在pug模板中使用任何上下文，则只需将其与模板位置一起传递即可。