React、Express、节点,Python

React, Express, Node, Python

所以我有一个处理图像的 python 脚本。我已经在 express 服务器上测试了 python 与 Node 运行ning 的集成,我能够得到我想要的。我可以使用提供的路径从文件夹中读取文件。

然后我继续单独学习使用 Multer 和 Express 进行图像上传。

然后我开始使用 create-react-app 制作一个简单的 UI。 UI快完成了,所以我想我要坚持下去。文件夹结构是 default,src 下有一个 components 文件夹。将 express 添加到 App.js 会出现严重依赖错误。

所以我现在卡住的地方是 - 我应该如何整合所有这些?我想在表单提交上使用 Multer。但是我猜 create-react-app 在它自己的单独服务器上工作,并且不会让 express app 监听。

我的最终目标是向用户请求一个文件,处理它并显示输出。我应该瞄准 Multer 吗?是否可以在用户端 运行 我的 python 脚本读取用户系统上的路径,读取图像并提供输出。我真的不想进入 Django 或 Flask。 我将来会部署它。

您可以选择一个路径来完全满足您的要求。

  1. 创建 REST API 以使用 Express 应用程序
  2. SSR(你的 React 应用程序的服务器端渲染)

因为您使用过 create-react-app,我个人建议您使用选项 1,在您的 express 应用程序中创建一个端点来处理文件。

在您的 react-app 中使用本地图像进行提取调用 URL 以将其上传到您的 Express 服务器并根据需要进行处理,并且 return 一个新的 URL 已修改图片。 并在前端向用户显示。

为了部署你的 React-App 你可以使用 Google Firebase 至少免费使用标准 SSL 托管。

为了 Firebase 提供的便利性,我使用 Firebase 函数进行服务器端渲染,这里给出了一个很好的入门 https://www.youtube.com/watch?v=82tZAPMHfT4

由于堆栈本身,对我有用的正确方法是在 Python 中使用 Flask 作为后端。我的 create-react 应用程序使用 Multer 获取文件,并将其发布到服务器。收到文件后,服​​务器运行我的 python 脚本来处理图像,并 returns 输出。

网络应用已上线 here and here's the code