将Express App移植到Meteor

时间:2014-08-29 06:06:12

标签: node.js express meteor

我一直在努力将基本的基于Express的应用程序移植到Meteor。优秀的帖子Is there an easy way to convert an express app to meteor?是一个很好的开始,使用服务器功能将Meteor期望的铁路由器路由包裹到Express喜欢的req / res中。

然而,我遇到了一个我坚持的错误。我无法让Meteor将res.render对象传递给我的车把模板引擎。

例如:

main.js

app.get('/complex', function(req, res){
  var data = {
    name: 'Gorilla',
    address: {
        streetName: 'Broadway',
        streetNumber: '721',
        floor: 4,
        addressType: {
        typeName: 'residential'
      }
    }
  };
res.render('complex', data); 
});

当通过铁路由器调用/ complex路由时,它被路由到下面的函数res.render

/** create an sync version for meteor */
waiter = function(foo, req, res) {
  var waiter_aux = Meteor._wrapAsync(function(foo, req, res, callback) {

    res.set = function(header, value) {
        res.setHeader(header, value);
    };

    res.send = function(codeorhtml, html) {
        if (html) {
            // two arguments provided, treat as described
            res.statusCode = codeorhtml;
        } else {
            // no code, just html
            html = codeorhtml;
        }
        callback(null, html);
    };

    res.render = function(name, data, callback) {
        callback = callback || function(err, html) {
            res.send(html);
        };

        console.log(name); // complex
        console.log(data); // Gorilla...
        var html = Handlebars.templates[name](data); // THIS ERRORS OUT
        html = JSON.stringify(name) + " " + JSON.stringify(data) // WORKS
        callback(null, html);
    };
    ...

在上面的消息中,编译器错误地说Handlebars是未定义的。

W20140828-22:47:49.439(-7)? (STDERR) TypeError: Cannot call method 'complex' of undefined
W20140828-22:47:49.439(-7)? (STDERR)     at ServerResponse.res.render (app/server/myapp.js:57:50)
W20140828-22:47:49.440(-7)? (STDERR)     at app/server/myapp.js:298:25

我使用NPM的把手包来构建预编译的模板(例如下面的例子),但是我没有运气让它正常工作

(function() {
  var template = Handlebars.template, templates = Handlebars.templates = Handlebars.templates || {};
  templates['complex'] = template({"compiler":[6,">= 2.0.0-beta.1"],"main":function(depth0,helpers,partials,data) {
  var helper, functionType="function", helperMissing=helpers.helperMissing, escapeExpression=this.escapeExpression;
  return "\n<p>\nThe data that was passed to `res.render` is:\n<code>var data = {name: 'Gorilla'};</code>\n</p>\n\n<p>\nWe can display the value of <em>name</em> using <code>&#123;&#123;name&#125;&#125;</code>, which results in: <b>"
  + escapeExpression(((helper = (helper = helpers.name || (depth0 != null ? depth0.name : depth0)) != null ? helper : helperMissing),(typeof helper === functionType ? helper.call(depth0, {"name":"name","hash":{},"data":data}) : helper)))
  + "</b>.\n</p>\n";
},"useData":true});
})();

即使是最简单的定义本地模板的途径

query_string = "<code>var data = {name: 'Gorilla'};</code><p>{{data}}</p>"
template = Handlebars.compile(query_string)

导致错误:

W20140828-21:51:47.126(-7)? (STDERR) TypeError: Object function exphbs(config) {
W20140828-21:51:47.128(-7)? (STDERR)     return exphbs.create(config).engine;
W20140828-21:51:47.129(-7)? (STDERR) } has no method 'compile'

有关如何将JSON文档对象成功传递到Handlebars以在Meteor / Express中进行渲染的任何建议或示例将非常感激。理想情况下,为了简单起见,我想使用实时部分而不是预编译代码。感谢!!!

2 个答案:

答案 0 :(得分:1)

如果它是一个基本的应用程序我建议重新开始,重复使用你可以的东西。通过为项目创建异步包装器,您将增加许多复杂性。

答案 1 :(得分:0)

为了让我之前的答案有效,您现在需要添加handlebars-server

meteor add cmather:handlebars-server