如何连接两个应用程序React / Node?

时间:2019-08-14 15:34:47

标签: javascript node.js reactjs express react-fullstack

当前,我在连接两个应用程序时遇到问题。他们是独立的。 我想将它们连接到一个应用程序中。 首次申请: 这是一个登录/注册表格。它是使用MySQL在Node.js,Express.js,React.js中编写的。文件结构如下:

enter image description here

第二个应用程序: 这是一个to_do_list。它是使用MySQL在Node.js中编写的。 文件结构如下:

enter image description here

我想以两种方式运行这两个应用程序(为将来的项目制作某种类型的模板): ad.1首先,用户注册/登录(www.example.com/)到应用程序,然后重定向到to_do_list应用程序(www.example.com/to_do_list)。 ad.2首先,用户看到一个to_do_list应用程序(www.example.com/),然后,如果用户要更改/更新to_do_list中的内容,则需要登录,以便重定向到登录页面(www.example.com/)。登录)。

我不知道如何正确连接这两个应用程序(主要是如何创建正确的文件结构)。 我有两个原因,但不确定这是正确的思路。 当前,这两个应用程序在两个独立的服务器上运行(每个服务器都有自己的package.json和节点启动初始化)。

对于ad.1:在register_app的后端部分中创建目录,然后从to_do_list应用程序中复制所有文件。然后安装在register_app的package.js中,所有都需要to_do_list使用的脚本。最后,我应该对所有填充进行适当的重定向和依赖。

对于ad.2:创建一个名为to_do_list的文件夹,然后在其中复制所有to_do_list应用程序文件。创建另一个名为register / login的文件夹,然后在其中复制所有register / login_app文件。使用某种类型的代理服务器连接此应用程序(但是不可能在同一端口上运行两个应用程序,所以...?)。

如果您有任何理由以简单的方式连接这2个应用,我将非常感激。我正在以我的全栈方式开始。

2 个答案:

答案 0 :(得分:0)

如果您要在两个页面之间传递非敏感数据,则可以将数据作为查询参数(请参见this question

如果敏感,则应分离后端,并使用一个统一的API,两个应用程序都可以与之交互,并且后端应与之交互不可知。

如果您想将两个项目简单地合并为一个,则应该很简单,例如移动文件,更新引用以及添加所需的软件包。

答案 1 :(得分:0)

您可以使用monorepo,例如毛线工作区或lerna。