如何将Backbone.js用于多页Web应用程序？

Question

我一直使用Backbone的路线(#!/ blah)

但我意识到,为了获得Google的索引,您需要提供该网站的非JavaScript版本.

我不喜欢两次写代码.所以,我宁愿构建一个多页面的应用程序,而不是单页面的Web应用程序.

Backbone.js为我提供了"结构",所以我的javascript不会变成sphagetti混乱.但是,我完全不知道如何使用Backbone构建多页面应用程序.

你在每个页面渲染中包含main.js文件吗？路线怎么样？你怎么处理那件事呢？你如何应对模块化等？

我希望有一个关于如何使用Backbone构建多页面javascript应用程序的教程.

Answer 1

做这样的事情有很多考虑因素，但这里有两个关键：

提供页面服务

您可能希望让 Web 服务器将所有内容路由到服务相同的静态页面（假设它是静态资产）。这意味着一切都http://yourdomain.com/*将服务于/var/www/yourdomain.com/index.html。静态页面加载后，该页面上的 JS 将根据给定的 url 决定执行哪些操作。

推状态

要进行路由，您仍然可以使用主干路由，但不要使用 hashbangs（#!/blah样式 url）。例如，请参阅http://backbonejs.org/#History 。这将允许您导航到真实的 URL，而无需实际刷新页面。如果浏览器不支持pushState，一切仍然有效，但会重新加载页面。