如何连接两个应用程序 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

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

如果它是敏感的，那么您应该分离您的后端并拥有一个统一的 API 供两个应用交互，并且后端应该与它交互的对象不可知。

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

Answer 2

你可以使用像 yarn workspace 或 lerna 这样的 monorepo。