React应用部署后如何保证对应的Express服务器持续运行

你的核心需求是让Express服务持续运行、自动监听请求，不管是本地还是线上环境，本质都是实现这个目标即可，不需要用户手动操作。 #

本地开发自动启动方案（可选） #

本地如果不想每次开机都手动输nodemon server.js，可以根据你用的操作系统写个简单的开机自启脚本，默认执行启动命令即可。开发阶段用nodemon没问题，它会在你改后端代码的时候自动重启服务，不用你手动操作。 #

线上部署核心方案 #

线上不需要任何人手动启动服务，选择支持Node.js运行环境的托管平台即可，平台会自动帮你维持服务进程一直运行，进程崩溃也会自动重启，具体操作步骤如下：

第一步：调整项目配置 #

• 先打包React前端：在React项目根目录执行npm run build，会生成一个build文件夹，里面是编译后的所有静态前端资源
• 给Express添加静态资源托管逻辑，在server.js里添加以下代码：

const path = require('path');
// 托管React打包后的静态资源
app.use(express.static(path.join(__dirname, 'build')));
// 所有非接口请求统一返回前端入口文件，适配前端路由
app.get('*', (req, res) => {
  res.sendFile(path.join(__dirname, 'build', 'index.html'));
});

• 配置启动脚本：在项目根目录的package.json的scripts字段里添加"start": "node server.js"，托管平台会自动识别并执行这个命令启动你的服务。

第二步：部署到托管平台 #

把整个项目（包括前端build文件夹、后端代码、package.json）上传到支持Node.js的托管平台即可，平台会自动执行以下操作：

• 自动安装项目所有依赖
• 自动执行npm start启动你的Express服务
• 维持服务进程24小时运行，崩溃自动重启

如果选择前后端分开部署也可以：前端打包后放到静态资源托管平台，后端单独部署到Node.js托管平台，只需要把React里的接口请求地址改成后端部署后的域名即可。 #

• 线上不要用nodemon启动服务，nodemon是开发阶段用来监听代码改动自动重启的工具，线上用原生node server.js就足够
• 敏感信息比如发邮件的账号密码、第三方服务密钥不要硬写在代码里，用托管平台提供的环境变量配置功能填写
• 服务启动失败优先看平台提供的运行日志，90%的问题都是依赖漏装、端口配置错误、路径写错导致的

内容的提问来源于stack exchange，提问作者Uriel