如何使用服务器端渲染在生产环境中部署 React App答案

【问题标题】：How to deploy React App on production with Server Side Rendering如何使用服务器端渲染在生产环境中部署 React App
【发布时间】：2018-07-29 17:24:33
【问题描述】：

我已经使用 create-react-app 创建了我的应用程序。它与 SSR 一起工作正常。一切就绪，但我不知道如何部署？我理想中想要的是：生成一个构建文件夹并将在 cdn 中上传。想从那里提供我的静态资产。 我想从我的代码创建一个分发版并将其带到另一台机器上进行部署。我无法弄清楚如何做突出显示的部分。如何为服务器创建捆绑包？ npm run build 为客户端创建我的包。

PS：我在我的应用程序中使用 React 库，如 React Router 4、Redux..。希望这不会影响我的回答。对于 SSR ，我使用了 express。

【问题讨论】：

你的问题很笼统。任何答案都可能是一个很长的分步指南。很可能没有人愿意编写关于如何部署 Web 应用程序的完整分步指南。你应该自己做一些研究尝试一些东西。

标签： reactjs deployment server-side-rendering

【解决方案1】：

服务器端渲染意味着您需要一个服务器（express）来处理所有请求：服务器渲染的页面，包括静态资源。所以CDN是不够的。您可能想尝试以下支持 Node 服务器的免费云服务：

您可以使用 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参考。

【讨论】：

【解决方案2】：

我尝试过使用 Firebase，但我不能，在函数的文档中说执行函数不能超过 60 秒，而我的函数需要更多时间。当我部署其他基本功能时，它部署没有问题。如果你实现了部署它，给你一个状态403，因为你必须把这个功能置于公共模式。

如果您想部署一个带有 SSR 的应用程序，请使用 Express，就像在我的例子中一样，您可以像 API 一样部署它。您也可以使用 AWS 或 Google 云将其部署到 Docker。

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

【讨论】：