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

Question

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

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

我想以两种方式运行这两个应用程序（为将来的项目制作某种类型的模板）：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 个应用程序，我将不胜感激。 我正在开始我的全栈方式。

Answer 1

如果您在两个页面之间传递非敏感数据，则可以将数据作为查询参数包含在内（请参阅此问题）

如果它是敏感的，那么你应该分离你的后端并拥有一个统一的 API，两个应用程序都可以与之交互，而后端应该与它交互的对象无关。

如果您想简单地将两个项目合并为一个，那么这应该很简单，只需移动文件、更新引用和添加所需的包即可。

Answer 2

你可以使用像纱线工作区或 lerna 这样的 monorepo。