Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/25.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 将服务器端呈现添加到现有React+;Redux+;Firebase上托管的React路由器应用程序_Reactjs_Heroku_Redux_React Router_Firebase Hosting - Fatal编程技术网

Reactjs 将服务器端呈现添加到现有React+;Redux+;Firebase上托管的React路由器应用程序

Reactjs 将服务器端呈现添加到现有React+;Redux+;Firebase上托管的React路由器应用程序,reactjs,heroku,redux,react-router,firebase-hosting,Reactjs,Heroku,Redux,React Router,Firebase Hosting,我目前有一个单页应用程序,使用firebase主机上托管的(React+Redux+React Router)。我想实现服务器端渲染,我知道我需要在Heroku之类的设备上运行node/express服务器,但我不清楚如何实现。我已经看到了许多入门级样板文件,例如Este,其中包含了服务器端渲染,但我想将此功能添加到现有项目中。不知何故,firebase上托管的静态内容应该可以访问我的服务器,但仍然不清楚如何实现它,以便我能够获得SSR带来的所有好处 因为您已经在使用Firebase,所以可以使

我目前有一个单页应用程序,使用firebase主机上托管的(React+Redux+React Router)。我想实现服务器端渲染,我知道我需要在Heroku之类的设备上运行node/express服务器,但我不清楚如何实现。我已经看到了许多入门级样板文件,例如Este,其中包含了服务器端渲染,但我想将此功能添加到现有项目中。不知何故,firebase上托管的静态内容应该可以访问我的服务器,但仍然不清楚如何实现它,以便我能够获得SSR带来的所有好处

因为您已经在使用Firebase,所以可以使用Firebase函数

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

这里有一个很好的教程,涵盖了所有的细节

他提到他已经看到了一些样板,但正在寻找一些指南或流程,请不要在没有帮助的情况下自我宣传。