如何在React应用上监听特定的后端事件？

Question

我有一个react应用程序和一个烧瓶后端。对于以下情况，我需要一个简单的解决方案，而无需不断轮询后端：

• 用户从React应用触发操作（从POST到后端）
• 后端收到请求并触发其他服务（服务X），这可能是一个长期运行的过程。
• [第二项服务在完成后会返回到后端。
• 后端将完成通知推送回React前端。

即，React App-> Flask EP-A-> Service X（完成后将回调Flask EP-B）

我已经研究了WebSockets和SSE（服务器发送的事件）选项。我认为我需要将SSE和某种形式的webhook结合使用（第二项服务在完成后会调用flask后端）。

这里有两件事对我来说仍然很模糊：

• [在react应用中，我注册到了Flask上的一个端点（例如/ events / oncomplete），但是当我打开连接后，它似乎一直在接收响应。
• 要使第二个服务通知后端，我需要另一个端点（服务X呼叫烧瓶），如何连接这两个端点？ （服务X-> Flask EP-B-> Flask EP-A-> React App）

还是我应该采用其他方法？

谢谢，

Answer 1

我认为您需要使用websocket。对于Node.js npm软件包-https://www.npmjs.com/package/ws