React / Redux服务器端渲染+代码拆分

时间:2018-07-19 23:28:52

标签: reactjs redux react-router react-redux redux-first-router

我正在尝试通过代码拆分实现服务器端渲染(SSR),以从服务器端强制执行用户权限。想法是呈现用户有权访问的路由,即普通用户登录后将无法看到/ admin页面,但管理员用户登录后将能够访问/ admin页面。

到目前为止,我已经研究了几个选项,第一个react-router似乎是一个可靠的解决方案,但不幸的是,StaticRouter仍将为用户锁定与路径相关联的组件,从而将标记暴露给客户端。

然后,我开始研究以redux为中心的方法,并发现redux-first-routing。该演示版展示了我正在寻找的功能,因此该软件包看起来很有希望。但是,事实证明这种方法比预期的要困难得多,因为不会为不同的组件加载块。

任何人都可以验证哪种方法对SPA SSR有意义,或者如何从服务器进行动态加载吗?

1 个答案:

答案 0 :(得分:1)

观看Firebase团队的“服务器端渲染”视频。他们使用快速路由和中间件来处理所有服务器请求。在您的情况下,路线图将是:

  1. 用户请求登录网页,表达处理并路由请求,服务器端呈现登录页面,返回登录页面
  2. 用户将登录请求发送到服务器,表达处理并路由请求,服务器端呈现具有或不具有管理链接的页面,并返回网页

Server-Side rendering with Firebase

GoogleChromeLabs/ui-element-samples