将服务器端呈现添加到Firebase上托管的现有React + Redux + React-Router应用程序

时间:2017-01-27 06:19:02

标签: reactjs heroku redux react-router firebase-hosting

我目前在firebase托管上使用(React + Redux + React-Router)使用单页应用程序。我想实现服务器端渲染,我知道我需要在像Heroku这样的东西上运行节点/快速服务器,但我不清楚如何做到这一点。我见过许多起始锅炉板,即Este,它包含服务器端渲染,但我想将此功能添加到现有项目中。不知何故,firebase上托管的静态内容应该可以访问我的服务器,但是再次不清楚如何实现它,这样我就可以获得SSR所带来的好处。

1 个答案:

答案 0 :(得分:1)

由于您已经在使用Firebase,因此可以使用Firebase功能。

只需设置一个新函数即可拦截您的http请求,然后您只需获取所需的所有内容并使用react routers render to string方法将其呈现为字符串。

这里有一个很好的教程,涵盖了所有的点点滴滴 https://m.youtube.com/watch?v=82tZAPMHfT4