处理 Javascript 渲染与服务器端模板的最佳方法 [重复]

Question

可能重复：
Reusing backbone views/routes on the server when using Backbone.js pushstate for seo/bookmarking

我正在使用 Backbone.js 和一堆其他模块来处理 Single Page App 方法。我的目标：

1. 网站必须是 SEO 友好的

2. 服务器引导 html 代码到客户端和存储在 JSON 模型中的数据。

3. 子序列动作全部由 Javascript 处理（例如渲染新屏幕，使用 Backbone 路由器更改 url）。

我的问题是：如何构建服务器以与每个路由器 url 上的 Javascript 保持一致并保持它DRY？

例如：如果用户去wwww.mysite.com然后点击某个链接去www.mysite.com/page/2，那必须和让他先直接去www.mysite.com/page/2一样加载。

这似乎是一个老话题，但我找不到任何可靠的资源来说明在服务器端处理此问题的最佳方法，而无需在 Javascript 中重复模板代码。

我正在考虑的一个选项是将后端拆分为 Node.js 和另一台服务器以仅处理 API。 Node.js 服务器以某种方式共享模板构建代码作为 Javascript 前端

无论如何，如果这里不适合提出此类问题，我很乐意听到一些建议和道歉。

Answer 1

我会将我的节点服务器视为我的数据的 REST 接口。然后我会在客户端处理其他所有事情：我可以使用require.js 和jade 之类的模板插件加载模板，使用Backbone.Router 完成所有路由，然后使用Backbone.sync 方法访问我的模型和集合（比如collection.fetch().)

例如，当用户访问“mysite.com/#page/2”时，我可以让我的 Backbone 路由器加载并显示页面上的任何模板。如果我碰巧需要在该页面上显示产品列表，那么我可以让我的product 集合做一个product.fetch()。这会将 GET 请求发送到“/products”——或product.url 中指定的任何 URL。然后，我的节点服务器将响应一组产品对象，我的集合所属的视图可以用于呈现自身。