我可以热部署 Meteor 客户端 HTML 文件吗？

Question

Meteor 的惊人之处在于，您可以在本地开发时手动更新 HTML 文件，并且这些更改会在您保存文件时立即生效。我想采用相同的功能并将其带到我们部署的环境中。原因是我们希望允许我们的客户对 UI 进行更改，而无需重新部署应用程序，甚至不需要知道它是 Meteor 应用程序。他们可能会向列表视图添加新字段、向表单添加新字段、更改标签等。

到目前为止，我已经为他们创建了一种方法，可以使用 DSL 调用 REST 服务来描述这些更改并将其保存在 Mongo 中。然后我们有一个引擎会动态创建 HTML 模板来实现它。这一切都很好。

接下来，我正在尝试根据我对 Meteor DB 的订阅来热部署 Meteor HTML 文件，该订阅存储可以按需更改的内容。是否可以即时更新 Meteor 客户端文件系统，以便实现热部署？

在服务器发布方法上执行以下操作会导致ENOENT: no such directory 错误：

var result = decodeHTML(cheerio.html());
console.log(result);

// Output to file
fs.writeFile('../client/app/client/templates/request-base-template.html', result, function (err) {
    if (err) {
        console.log("error: " + err);
    }
    else {
        console.log("File saved successfully");
    }
});

Answer 1

您是否同意您正在编写定制的 cms 系统？如果是这样，那么meteor中已经有几个cms系统了。

我发现扩展 http://azimuthc.ms/ 的早期版本很容易

他们在写这篇文章时基本上考虑到了你的需求。

（我没有连接到这个项目）

Answer 2

将文件保存到磁盘以期待“热代码推送重新加载”绝对是一种错误的方式。

Meteor 在开发模式下提供文件监视，它会重新编译您的整个应用程序并在您的浏览器中刷新页面，但这样做是为了开发人员的方便，而不是为您的应用程序运行时使用。事实上，在生产环境中部署时甚至不会提供文件监视功能。

但这是实现您的用例的一种方法。这需要更深入地了解 Meteor 在幕后为您所做的事情。

首先，您需要意识到 Meteor 在构建时会将您的模板（空格键模板）编译成它自己的 JS DSL (HTMLJS)。每个基于结构的模板都会发生类似的事情，无论是在运行时还是在构建时编译它们。 Meteor 在构建时执行它以提高效率。您可以在Meteor Manual, Blaze chapter 中阅读更多相关信息；

这里的高级点是：如果你有一个模板

<template name="bla">
  Hello {{name}}!
</template>

.. 它会被编译成这样的：

Template.__define__("bla", (function() {
  var view = this;
  return [ "Hello ", Blaze.View(function() {
    return Spacebars.mustache(view.lookup("name"));
  }), "!" ];
}));

明白了吗？太好了。

现在，您需要从用户那里获取这种模板并将它们编译成这个基于 JS 的 DSL。您可以使用内置的spacebars-compiler 包来实现。

// on the server!
Meteor.startup(function () {
  // imagine your template is actually coming from database or where you store your user-generated content
  var template = "<p>Hello {{name}}!</p>";
  console.log(SpacebarsCompiler.compile(template));
});

如果您将spacebars-compiler 添加到您的应用程序并运行它，它将打印一个很好的编译模板。这是一个现场演示：http://meteorpad.com/pad/4tHHAvjpcBQwLuN4K

完美，现在将这个编译好的模板以你想要的任何形式发送到客户端（通过数据库、通过 Meteor 方法或 REST API，没关系，只需将字符串获取到客户端即可）。

安装后，您可以将其附加到任何您想要的位置！

其中一种更简单的方法是在 JS 代码中注册模板：

// on the client! pretend you got the compiledTemplate string from the server
var compiledTemplate = '(function() { var view = this; return HTML.P("Hello ", Blaze.View(function() {return Spacebars.mustache(view.lookup("name")); }), "!");})';
Template.__define__("myAwesomeTemplate", eval(compiledTemplate));

然后使用UI.dynamic 之类的东西在页面上呈现它。您可以在这里观看现场演示：http://meteorpad.com/pad/LQJuoooBQjSdJenfW