将服务器端渲染添加到Firebase上托管的现有React + Redux + React-Router App

jas*_*san 5 heroku reactjs firebase-hosting react-router redux

我目前有一个使用Firebase托管的(React + Redux + React-Router)的单页应用程序。我想实现服务器端渲染,据我所知,我需要在诸如Heroku之类的设备上运行节点/表达服务器,但我不清楚如何执行此操作。我已经看到许多入门模板,例如Este,它们包含服务器端渲染,但是我想将此功能添加到现有项目中。不知何故,托管在Firebase上的静态内容应该可以访问我的服务器,但是又不清楚如何实现它,因此我可以从SSR中获得所有好处。

Kas*_*qui 1

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

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

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