首页 > 解决方案 > 从flask api连续发送数据到javascript前端

问题描述

所以我想建立一个网站,实时可视化一些需要一些时间来计算的模拟,我想知道最简单的方法。

目前,javascript 前端从烧瓶 api 中获取最终结果并显示给用户。我希望后端实时发送模拟结果,在它仍在计算的同时按时间间隔发送一批数据,并且前端实时显示结果,而不必每次都重新加载页面。我怎么能轻易做到这一点?

谢谢

标签: javascriptapiwebflask

解决方案


有两种常见的方法可以做到这一点:

  1. 网络套接字
  2. 服务器发送事件 (SSE)

如果您的应用程序的前端需要经常与后端通信,那么最好为该通信通道打开一个Web 套接字。以下是常用语言的流行框架列表,包括 Python:https ://github.com/facundofarias/awesome-websockets

如果您的应用程序的前端只需要侦听更新,那么使用SSE 打开事件流可能会更好。请注意,现在大多数浏览器都可以在前端使用纯 JavaScript 完成此操作,但后端可能会涉及更多。由于您使用的是 Flask,因此您可能想看看Flask-SSE


推荐阅读