Flask-SSE快速入门与实战指南-优快云博客

本文链接：https://blog.youkuaiyun.com/gitblog_00111/article/details/141446671

Flask-SSE快速入门与实战指南

flask-sse项目地址:https://gitcode.com/gh_mirrors/fla/flask-sse

项目介绍

Flask-SSE（Server-Sent Events）是由DazWorrall开发的一个用于Flask框架的扩展，它允许服务器端事件推送给客户端，实现数据的实时推送。在传统的Web应用中，客户端通常需要通过轮询的方式来检查服务器是否有新数据，而SSE提供了一种更高效的方式，使服务器能够主动向已连接的客户端发送更新。

项目快速启动

要迅速上手Flask-SSE，首先确保你的环境中安装了Python以及pip。接下来，遵循以下步骤：

安装Flask-SSE

pip install flask-sse

示例代码

创建一个新的Flask应用并集成Flask-SSE功能。

from flask import Flask, render_template
from flask_sse import sse

app = Flask(__name__)
app.config['REDIS_URL'] = 'redis://localhost:6379/0'  # 配置Redis，作为消息队列
app.register_blueprint(sse, url_prefix='/stream')

@app.route('/')
def hello_world():
    return render_template("index.html")

if __name__ == '__main__':
    app.run(debug=True)

在模板index.html中使用JavaScript监听SSE:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Flask SSE示例</title>
</head>
<body>
    <script>
        var source = new EventSource('/stream');
        source.onmessage = function(event) {
            console.log('接收到服务器消息: ', event.data);
        };
    </script>
</body>
</html>

确保你有一个运行中的Redis服务，然后启动Flask应用，打开浏览器访问主页即可看到效果。