如何将管理仪表板连接到 MERN 电子商务应用程序?

How to connect admin dashboard to a MERN e-commerce app?

我正在开发一个电子商务应用程序,React.js 作为前端,Node.js/Express.js 作为后端。但是我如何为自己创建一个仪表板来为应用程序 add/delete/edit 项目?如果我创建另一个 React.js 应用程序作为管理应用程序并将请求发送到后端,那么一个后端将有两个前端。我如何才能将它们部署到 Heroku?所以请建议我在不使用任何外部库的情况下创建仪表板的最佳方法。

一个后端服务有两个前端应用程序是完全没问题的。例如,一个用于前端客户端,一个用于前端管理员。

分别部署两个前端,比如在 netlify 上。并在 heroku 等后端服务上部署后端。

(你可以在 heroku 上部署两个前端应用程序,但由于 heroku 免费套餐的实例有限,你应该将你的前端应用程序部署到其他服务,而 netlify 是一个完美的地方)。

但是因为你说的是​​ MERN 堆栈,所以我假设你的第一个应用程序与你的后端紧密耦合。如果是这样,您可以:

  1. 将后端服务分离为 public REST API,访问两个前端应用程序的 API。
  2. 向现有前端应用程序添加新路由,假设为您的新应用程序 /admin。并在该路线上开发所有管理功能。

如果您选择前者,MERN 堆栈不适合(我没有使用 MERN,所以我在这里可能是错误的),请改用 vanilla react + expressjs 服务器。

截至目前,MERN 现已弃用:https://mern.io/,因此您可能希望迁移到 vanilla react + expressjs 而不是使用它。