React 前端，Node JS 后端托管

Posted 2023-03-04

【中文标题】React 前端，Node JS 后端托管

【英文标题】：React frontend, Node JS backend to hosting

【发布时间】：2021-11-28 17:25:09

【问题描述】：

如何使用 node js 后端托管应用程序 React js。在互联网上找不到任何东西。我需要运行 build 后台命令？请帮帮我。

提前致谢。

【问题讨论】：

您是否尝试在 google 搜索中仅使用 nodejs hosting。？

【参考方案1】：

我建议您使用 Heroku，您可以直接从您的 GitHub 存储库免费托管您的全栈应用程序，它会在您将某些内容推送到您的存储库时自动重新部署。

如果您的应用有一段时间没有被访问并且变得空闲（如果您使用免费选项），那么唯一的 - 轻微 - 缺点是必须等待大约 5 秒才能启动服务器。

有很多关于如何做到这一点的教程。

至于在生产中为您的应用提供静态版本 - 这可能有用：

server.js

/* If in production mode - serve compressed/static react content to server. i.e. what would be otherwise localhost:5000 would display frontend content.
/!\ Do not forget to generate Procfile and script for Heroku to insure proper generation of "build" directory /!\ */

if (process.env.NODE_ENV === "production") 
  app.use(express.static(path.join(__dirname, "../frontend/build")));
  app.get("*", (req, res) => 
    res.sendFile(path.join(__dirname, "../frontend", "build", "index.html"));
  );

如果您告诉服务器使用上面的代码提供静态版本，Heroku 会自动处理它。

还有Glitch.com

【参考方案2】：

我这样做的方式： 我构建了我的反应项目并将其托管在服务器上。 至于node js，我是自己跑的，用Pm2在服务器上跑（https://pm2.keymetrics.io/docs/usage/quick-start/），还有很多其他的方法你可以在google上找到。

希望我回答了你的问题