仅使用客户端模板和 Rest 调用的单个 HTML 站点

Question

我正在开发一个高度动态的网站，该网站有大约 10 个不同的页面（登录、注册、我的服务、我的个人资料等）。

我正在考虑使用 javascript 模板框架（例如 jquery-temp）并将所有页面存储在一个 html 文件中。用户交互将触发不同模板的交换/激活/隐藏。在服务器端，所有请求都通过rest/json 调用进行管理。我认为 html 将由 nginx 提供服务，而 json 调用将定向到 jetty (java)。

这是一种可行的方法吗？可能会出现什么问题？

谢谢，

编辑 - 我知道该怎么做，我想知道这从长远来看是否会导致问题。

Answer 1

我最近也在做类似的事情，而且效果还不错。一些观察结果：

1. 如果您希望不同的视图具有可链接的 url，并维护历史记录，那么您需要比其他情况更加努力，以便浏览器后退/前进按钮可以正常工作。 （尽管您可能不关心这一点）
2. 当用户第一次访问该网站时，您会加载一个大的前端页面 - 可能比拆分页面慢。
3. 站点缓存没有粒度；如果您更改网站某一页面上的一个字符，则需要重新加载整个内容。与如果您将页面溢出并随后更改其中一个页面相比，任何 HTTP 缓存对于其他页面来说仍然没问题。
4. 通过 AJAX 切换模板可能会给您带来比标准页面加载稍少的 UI 反馈，例如，如果连接速度很慢，单击常规链接至少会显示页面正在加载，而 AJAX 调用会在后台旋转。我不确定这是否适用于您的情况，因为听起来您将预加载所有 HTML，然后只需切换哪些位可见。类似地，通过 AJAX 填充内容的页面在加载时可能会不太优雅地呈现。
5. 显然 - 如果用户没有打开 javascript，那么你就完蛋了。我不确定是否有人关心这个，但我想这也可能会影响搜索引擎优化。

Answer 2

我看到的问题是：如果你提供来自不同域的模板和数据，跨域请求仍然是一个令人头痛的问题。但是您可以根据路径使用 nginx 或专用代理服务器将请求代理到一台服务器或另一台服务器，例如从 example.com/html 提供 html 并从 example.com/rest 提供数据。