Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/21.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何将管理仪表板连接到MERN电子商务应用程序?_Javascript_Reactjs_Express_Admin_Mern - Fatal编程技术网

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

Javascript 如何将管理仪表板连接到MERN电子商务应用程序?,javascript,reactjs,express,admin,mern,Javascript,Reactjs,Express,Admin,Mern,我正在开发一个电子商务应用程序,前端是React.js,后端是Node.js/Express.js。但是我如何为自己创建一个仪表板来添加/删除/编辑应用程序的项目?如果我创建另一个React.js应用程序作为管理应用程序并向后端发送请求,那么一个后端将有两个前端。我怎样才能将它们部署到Heroku?因此,请建议我在不使用任何外部库的情况下创建仪表板的最佳方法。对于一个后端服务,使用两个前端应用程序是非常好的。例如,一个用于前端客户端,一个用于前端管理 在netlify上分别部署两个前端,如。并在

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

对于一个后端服务,使用两个前端应用程序是非常好的。例如,一个用于前端客户端,一个用于前端管理

在netlify上分别部署两个前端,如。并在像heroku这样的后端服务上部署后端

(您可以在heroku上部署这两个前端应用程序,但由于heroku free tier的实例有限,您应该将前端应用程序部署到其他服务,netlify是实现这一点的理想场所)

但因为您提到了MERN堆栈,所以我假设您的第一个应用程序与后端紧密耦合。如果是这种情况,您可以:

  • 将后端服务作为公共REST API进行解耦,访问两个前端应用程序的API
  • 将新路由添加到现有前端应用程序,比如说新应用程序的
    /admin
    。并开发该路线上的所有管理功能
  • 如果您选择前者,MERN stack不适合(我没有使用MERN,所以这里可能会出错),请使用vanilla react+expressjs服务器


    到目前为止,MERN已被弃用:,因此您可能希望迁移到vanilla react+expressjs而不是使用它。

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

    在netlify上分别部署两个前端,如。并在像heroku这样的后端服务上部署后端

    (您可以在heroku上部署这两个前端应用程序,但由于heroku free tier的实例有限,您应该将前端应用程序部署到其他服务,netlify是实现这一点的理想场所)

    但因为您提到了MERN堆栈,所以我假设您的第一个应用程序与后端紧密耦合。如果是这种情况,您可以:

  • 将后端服务作为公共REST API进行解耦,访问两个前端应用程序的API
  • 将新路由添加到现有前端应用程序,比如说新应用程序的
    /admin
    。并开发该路线上的所有管理功能
  • 如果您选择前者,MERN stack不适合(我没有使用MERN,所以这里可能会出错),请使用vanilla react+expressjs服务器


    到目前为止,MERN已被弃用:,因此您可能希望迁移到vanilla react+expressjs而不是使用它。

    感谢您的快速回复。如果我添加了登录功能,并在express后端创建了一个带有“admin”布尔值的模型,这样当我输入要登录/注册的电子邮件时,将“admin”的值设置为true?。在前端,我将添加一个按钮,如果'admin'==true,则显示转到管理仪表板的按钮。它有安全漏洞吗?我不认为我理解你的问题,但如果我理解正确,如果你通过管理员页面登录,你想将管理员值设置为true,然后,你可以通过前端访问管理员仪表板?为管理员/客户建立一个不同的帐户怎么样?或者你可以对两者都有相同的解释。我这里有相同的问题,请问你找到最好的方法了吗?你能详细说明一下你有什么“相同”的问题吗?因为已经过去一年了,所以更多的上下文将有助于@iskandar47I是指@dhanmonath问题,我正在寻找创建我的仪表板的最佳方法。感谢您的快速回复。如果我添加了登录功能,并在express后端创建了一个带有“admin”布尔值的模型,这样当我输入要登录/注册的电子邮件时,将“admin”的值设置为true?。在前端,我将添加一个按钮,如果'admin'==true,则显示转到管理仪表板的按钮。它有安全漏洞吗?我不认为我理解你的问题,但如果我理解正确,如果你通过管理员页面登录,你想将管理员值设置为true,然后,你可以通过前端访问管理员仪表板?为管理员/客户建立一个不同的帐户怎么样?或者你可以对两者都有相同的解释。我这里有相同的问题,请问你找到最好的方法了吗?你能详细说明一下你有什么“相同”的问题吗?因为已经过去一年了,所以更多的上下文将有助于@iskandar47I意思是@Dhanmonath问题,我正在寻找创建仪表板的最佳方法。