Flask-SocketIO 项目教程

最新推荐文章于 2024-09-11 20:44:46 发布

侯深业Dorian

最新推荐文章于 2024-09-11 20:44:46 发布

阅读量711

点赞数 22

本文链接：https://blog.csdn.net/gitblog_00093/article/details/141042739

版权

Flask-SocketIO 项目教程

Flask-SocketIOmiguelgrinberg/Flask-SocketIO: Flask-SocketIO 是一个为 Flask 框架提供 Socket.IO 支持的扩展，使得开发者能够轻松地在 Flask 应用中实现实时双向通信功能。项目地址:https://gitcode.com/gh_mirrors/fl/Flask-SocketIO

项目介绍

Flask-SocketIO 是一个为 Flask 应用程序提供 Socket.IO 集成的开源项目。它允许 Flask 应用程序实现低延迟、双向通信，使得客户端和服务器之间的通信更加高效和实时。Flask-SocketIO 支持多种客户端库，包括 JavaScript、Python、C++、Java 和 Swift 等，使得开发多平台实时应用变得简单。

项目快速启动

安装 Flask-SocketIO

首先，你需要安装 Flask-SocketIO 包。你可以使用 pip 进行安装：

pip install flask-socketio

创建一个简单的 Flask-SocketIO 应用

以下是一个简单的 Flask-SocketIO 应用程序示例：

from flask import Flask, render_template
from flask_socketio import SocketIO, emit

app = Flask(__name__)
app.config['SECRET_KEY'] = 'secret!'
socketio = SocketIO(app)

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

@socketio.event
def my_event(message):
    emit('my_response', {'data': 'Got it!'})

if __name__ == '__main__':
    socketio.run(app)

客户端代码

在你的 HTML 文件中，添加以下代码以连接到服务器并处理事件：

<!DOCTYPE html>
<html>
<head>
    <title>Flask-SocketIO Test</title>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/4.0.1/socket.io.js"></script>
    <script type="text/javascript" charset="utf-8">
        document.addEventListener('DOMContentLoaded', (event) => {
            var socket = io.connect('http://' + document.domain + ':' + location.port);
            socket.on('my_response', function(msg) {
                console.log('Received message: ' + msg.data);
            });
            socket.on('connect', function() {
                socket.emit('my_event', {data: 'I\'m connected!'});
            });
        });
    </script>
</head>
<body>
    <h1>Welcome to Flask-SocketIO</h1>
</body>
</html>