如何让外部JSON用于Jade从Express渲染？

Question

我是Node / Express的初学者，我想使用Jade和Express服务我的静态文件。

以前，我将Jade与gulp-jade和gulp-data结合使用，我将能够呈现Jade文件并使用具有JSON文件的gulp-data呈现每个页面。

index.jade + index.json将给我index.html的输出

现在，我在如何使用Express将外部JSON文件包括到Jade中时遇到了麻烦。

例如：

server.js

app.get('/', function(req, res){
    res.render('pages/index', {pagetitle: 'Hello World'});
});

页/ index.jade

h2 #{pagetitle}

这将导致

<h2>Hello World</h2>

问题

我想将{pagetitle: 'Hello World'}替换为外部json文件，即index.json。 我可以这样做吗？

app.get('/', function(req, res){
    res.render('pages/index', 'folder_name/index.json');
});

肯定是错的，对吧？

Answer 1

是的，这是错误的。 这会将字符串本身设置为模型。 您可能需要看一下NodeJS的fs模块。 这将使您可以读取文件的内容。 然后，您可以解析JSON并将结果对象作为模型发送到您的Jade模板。

不要忘记异步读取JSON，否则您将阻塞服务器。

https://nodejs.org/api/fs.html

下一步将是创建一个负责读取此文件的模块，将其保存在内存中，并仅在使用观察程序进行更改时才重新加载它。

Answer 2

感谢您的帮助@gretro。

在您的帮助下，我能够解决我的问题。

这是我的解决方案：

var renderFromJson = function(json_path, renderTemplate) {
    fs.readFile(json_path, function(err, data) {
        renderTemplate(JSON.parse(data));
    })
}

app.get('/', function(req, res){
    renderFromJson('datas/index.json', function(json_data) {
        res.render('pages/index', json_data);
    });
});