如何将SSR与CSR混合使用?

JavaScript React.js

A理查德

2020-03-24

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

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

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

第3572篇《如何将SSR与CSR混合使用?》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

1个回答
阿飞 2020.03.24

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

Not too long ago I did a very basic SSR example using typescript and react. I hope this will be helpful!

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

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android