使用i18n和ejs进行客户端渲染

Question

我目前正在开发一个音乐平台，使用NodeJs，Express 4.0和EJS作为模板引擎。 由于必须有一个播放器不断地在我们的网站导航中进行播放，因此对于SoundCloud，我的网站内容是通过AJAX调用动态加载的，该调用获取JSON数据，而html是使用EJS客户端库呈现给客户端的。

现在，我在第一次页面加载时发送所有模板，对于每个页面请求，我向服务器询问相应的JSON数据，并使用EJS库将其呈现给客户端。

我从事国际化工作已经有几个月了，到目前为止，根据req.acceptsLanguages('fr', 'en') ，我提供了两组模板之一（位于文件夹fr /或en中） /）在初始页面加载时，然后我的内容在客户端加载为：

$.get(view, function (data) { // data is a simple JSON object
    var html = ejs.render(templates.view, data); // Render with EJS client library
    $wrapper.html(html); // Set new HTML
});

尽管我有2套模板，但是每次模板更改时我都必须同时更改两个视图。 这有点无聊，但主要是错误的来源（目前我只有2个翻译！）。 我遇到了一个很棒的“ i18n-node”： https : //github.com/mashpie/i18n-node ，它只能使用一个模板来加载带有单独JSON文件（en.json，fr.json）的正确翻译。 该模块在第一次渲染时效果很好，但是当然，由于我没有客户端i18n支持或不支持i18n的客户端ejs，因此我以后无法在客户端（以及ejs或i18n）渲染模板。

我检查了一下，但没有找到一个好的客户端i18n库，该库会在开始时加载locale.json文件，并相应地与ejs客户端一起渲染模板，您知道吗？ 我已经在Angular和React上看到了类似的方法，但是我没有使用它们。

也许我只是在想错误的方式？ 我还想到了在服务器端呈现模板并直接发送HTML，但我读过，仅发送有价值的轻量JSON数据，然后在性能方面，尤其是对于移动设备，将其呈现为客户端比发送完整的HTML更好，我会喜欢保持那样。

有什么想法或资料吗？

Answer 1

您可以使用i18n-for-browser：

https://github.com/TrigenSoftware/i18n-for-browser

https://www.npmjs.com/package/i18n-for-browser