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

【问题标题】：Adding server-side rendering to existing React+Redux+React-Router App hosted on Firebase将服务器端渲染添加到 Firebase 上托管的现有 React+Redux+React-Router 应用程序
【发布时间】：2017-06-12 18:45:16
【问题描述】：

我目前有一个使用 (React+Redux+React-Router) 托管在 firebase 主机上的单页应用程序。我想实现服务器端渲染，为此我知道我需要在 Heroku 之类的东西上运行节点/快速服务器，但我不清楚如何做到这一点。我见过许多包含服务器端渲染的入门样板，即 Este，但我想将此功能添加到现有项目中。不知何故，托管在 firebase 上的静态内容应该可以访问我的服务器，但又不清楚如何实现它，因此我可以获得与 SSR 相关的所有好处。

【问题讨论】：

他提到他已经看过一些样板，但正在寻找一些指南或过程，请不要在没有帮助的情况下自我推销。

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

【解决方案1】：

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

只需设置一个新函数来拦截您的 http 请求，然后您只需获取所需的所有内容并使用 react 路由器渲染到字符串方法渲染到字符串。

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

【讨论】：