如何将SSR与CSR混合使用?

时间:2018-09-13 17:26:04

标签: javascript node.js reactjs serverside-rendering next.js

我对SSR知之甚少。 目前,我有两台服务器。我在一个服务器上使用React构建了一个CSR单页应用程序,在另一台服务器上使用了Nodejs + express的后端。我的应用程序有一个登录页面。

  1. 如何将现有的Login组件逻辑移至SSR,并且成功登录后,所有其他组件必须可以从CSR运行。我不知道如何实现这个目标。
  2. 我是否需要使用Nextjs将CSR react app服务器转变为SSR,后端nodejs服务器应该像以前一样继续运行? 还是我需要在后端Nodejs服务器上使用SSR逻辑?
  3. 还是我需要将整个CSR react app迁移到SSR中?那我还需要后端nodejs服务器吗?

问这个问题我可能会感到困惑。请让我知道是否需要进一步解释。

1 个答案:

答案 0 :(得分:1)

您将仅使用一台NodeJS + Express服务器。您定义一些常规的端点路由以提供诸如登录功能,注册等功能。但最后还有一条“包罗万象”的路线,您将通过节点将react应用程序呈现为字符串并将其作为HTML发送回浏览器。

不久之前,我使用打字稿和反应做了一个非常基本的SSR示例。我希望这会有所帮助!

https://github.com/akimthedream/server-side-rendered-typescript-react