web-dev-qa-db-ja.com

Node.jsでEJSテンプレートファイルをレンダリングするにはどうすればよいですか？

Node.jsを使用してEJSテンプレートファイルをレンダリングしようとしています。文字列をレンダリングする方法を見つけました：

    var http = require('http');
    var ejs = require('ejs');

    var server = http.createServer(function(req, res){
        res.end(ejs.render('Hello World'));
    });

    server.listen(3000);

EJSテンプレートファイルをレンダリングするにはどうすればよいですか？

node.jsejs
18
Headshota
var templateString = null;
var fs = require('fs');
var templateString = fs.readFileSync('template.ejs', 'utf-8');

そしてあなたはあなたのことをします：

var server = http.createServer(function(req, res){
    res.end(ejs.render(templateString));
});
23
Amadan

Ejsにはドキュメント化されていないファイルをレンダリングする関数があります。

ejs.renderFile(__dirname + '/template.ejs', function(err, data) {
    console.log(err || data)
})

ソース

37
ksloan

次のように、ファイルを文字列（オプションのローカル変数を含む）としてコンパイルするだけです。

var fs = require('fs'), ejs = require('ejs'), http = require('http'), 
         server, filePath;
filePath = __dirname + '/sample.html'; // this is from your current directory
fs.readFile(filePath, 'utf-8', function(error, content) {
  if (error) { throw error); }
  // start the server once you have the content of the file
  http.createServer(function(req, res) {
    // render the file using some local params
    res.end(ejs.render(content, {
      users: [
        { name: 'tj' },
        { name: 'mape' },
        { name: 'guillermo' }
      ]
    });  
  });
});
5
alessioalex

このパターンの同期バージョンがあり、もう少し引き締まっています。

var server = http.createServer(function(req, res) {
    var filePath = __dirname + '/sample.html';
    var template = fs.readFileSync(filePath, 'utf8');
    res.end(ejs.render(template,{}));
});

readFileSync（）の使用に注意してください。エンコーディング（ここではutf8）を指定すると、関数はテンプレートを含む文字列を返します。

3
Greg

@ksloanの答えは受け入れられるべきです。この目的のためにejs関数を正確に使用します。

以下はBluebirdでの使用例です。

var Promise = require('bluebird');
var path = require('path');
var ejs = Promise.promisifyAll(require('ejs'));

ejs.renderFileAsync(path.join(__dirname, 'template.ejs'), {context: 'my context'})
  .then(function (tpl) {
    console.log(tpl);
  })
  .catch(function (error) {
    console.log(error);
  });

完全を期すために、ここでは現在受け入れられている回答の約束されたバージョンを示します。

var ejs = require('ejs');
var Promise = require('bluebird');
var fs = Promise.promisifyAll(require('fs'));
var path = require('path');

fs.readFileAsync(path.join(__dirname, 'template.ejs'), 'utf-8')
  .then(function (tpl) {
    console.log(ejs.render(tpl, {context: 'my context'}));
  })
  .catch(function (error) {
    console.log(error);
  });
3
Wtower

@ ksloanの答えは本当に良いです。私も同じユースケースを持っていて、少し掘り下げました。関数renderFile（）はオーバーロードされています。あなたが主に必要とするのは：

renderFile(path: string,data, cb)

例えば：

ejs.renderFile(__dirname + '/template.ejs', dataForTemplate, function(err, data) {
console.log(err || data)
})

ここでdataForTemplateは、テンプレート内で必要な値を含むオブジェクトです。

2
Kartik Malik