React、Express、Node、Python

Question

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

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

我开始用createreact app制作一个简单的用户界面。用户界面几乎完成了，所以我想我还是要坚持下去。文件夹结构是default，src下有一个components文件夹。正在将express添加到应用程序js给我关键的依赖错误。在

所以我现在的困境是——我该如何整合这些？我想在提交表格时使用Multer。但是createreact应用程序在一个独立的服务器上工作，我想它不会让express应用程序监听。在

我的最终目标是向用户请求一个文件，处理它并显示输出。我应该瞄准穆特吗？是否可以在用户端运行python脚本，以便它读取用户系统上的路径、读取图像并给出输出。我真的不想进酒或烧瓶。 我会在将来部署这个。在

Answer 1

由于堆栈本身就是这样，对我来说有效的方法是使用Python中的Flask作为后端。我的createreact应用程序使用Multer获取文件，并将其发布到服务器。在接收到该文件后，服务器运行python脚本来处理图像，并返回输出。在

webapp是实时的here，这里是code。在

Answer 2

你可以选择一条路径来满足你的需求。在

1. 创建一个restapi来使用Express应用程序
2. SSR（React应用程序的服务器端呈现）

因为您使用了createreact应用程序，我个人建议您使用选项1，在您的express应用程序中创建一个处理文件的端点。在

在react应用程序中，使用图像本地URL执行一个fetch调用，将其上载到您的Express服务器，并按您的需要进行处理，并返回修改后图像的新URL。 并在前端显示用户。在

为了部署你的React应用程序，你可以免费使用googlefirebase，至少在托管时使用免费的标准SSL。在

为了方便Firebase的使用，我将Firebase函数用于服务器端渲染，这里给出了一个很好的开始 https://www.youtube.com/watch?v=82tZAPMHfT4