如何使用服务器端渲染部署React应用程序至生产环境

Question

我使用create-react-app创建了我的应用程序。它具有SSR功能，一切都处于就绪状态，但我不知道如何部署它。

我想要实现的是： 生成一个build文件夹，并在cdn上上传该文件夹。从那里提供静态资源。我想从我的代码中创建一个分发版本，并将其带到另一台计算机上进行部署。我无法弄清如何完成上述加粗部分。如何为服务器创建捆绑包？npm run build仅创建客户端捆绑包。

注：我在应用程序中使用React库（如React Router 4、Redux）。对于SSR，我使用了express。

- Shweta Gulati

---

你的问题太过泛泛而谈了。任何答案都可能需要非常长的逐步指南。很可能没有人愿意编写一整个关于如何部署Web应用程序的逐步指南。你应该自己进行一些研究并尝试一些东西。 - trixn

Answer 1

服务器端渲染意味着您需要一个服务器（即express），该服务器将提供所有请求：服务器渲染的页面，包括静态资源。因此，CDN不足够。您可以尝试以下支持Node服务器的免费云服务：

• https://zeit.co/now
• https://www.heroku.com/
• https://firebase.google.com/docs/functions/

您可以使用Webpack创建服务器捆绑包，其target: "node"，并使用https://www.npmjs.com/package/webpack-node-extenals。

详情可能很复杂，因此您可以访问https://github.com/antonybudianto/react-ssr-starter/blob/master/config/webpack.server.config.babel.js进行参考。

- Antony Budianto

Answer 2

我尝试使用Firebase，但是无法成功。在函数的文档中写道，执行函数的时间不能超过60秒，而我的函数需要更长时间。 当我部署其他基本函数时，它们可以顺利部署。 如果您成功部署了它，会返回403状态，因为您必须将该函数设置为公共模式。

如果您想要部署一个带有SSR的应用程序，请使用Express进行部署，就像我一样，您可以将其部署为API。 您也可以使用AWS或Google Cloud来使用Docker进行部署。

Heroku是最简单的方法，但我不想将所有应用程序都放在这里。

- Jesus Berrio