Flask MVC架构下如何管理WebSocket连接

在 Flask 的 MVC 架构下，要管理 WebSocket 连接，你需要使用一个额外的库，如 Flask-SocketIO。Flask-SocketIO 是一个用于 Flask 应用程序的 WebSocket 库，它提供了实时双向通信功能。以下是如何在 Flask MVC 架构中使用 Flask-SocketIO 来管理 WebSocket 连接的简要指南：

1. 安装 Flask-SocketIO：

pip install flask-socketio

2. 在你的 Flask 应用中引入并初始化 Flask-SocketIO：

from flask import Flask
from flask_socketio import SocketIO

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

3. 定义 WebSocket 事件处理函数：

from flask_socketio import send, emit

@socketio.on('connect')
def handle_connect():
    print('Client connected')

@socketio.on('disconnect')
def handle_disconnect():
    print('Client disconnected')

@socketio.on('message')
def handle_message(message):
    print('Received message: ', message)
    send(message, broadcast=True)

4. 在前端 JavaScript 代码中使用 Socket.IO 客户端库连接到 WebSocket 服务器：

  const socket = io.connect('http://localhost:5000');

  socket.on('connect', () => {
    console.log('Connected to the server');
  });

  socket.on('disconnect', () => {
    console.log('Disconnected from the server');
  });

  socket.on('message', (message) => {
    console.log('Received message: ', message);
  });

  function sendMessage(message) {
    socket.emit('message', message);
  }
</script>

5. 运行 Flask 应用：

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

现在，你已经在 Flask MVC 架构中设置了 WebSocket 连接管理。你可以根据需要扩展这个基本示例，例如添加更多的 WebSocket 事件处理函数、使用命名空间等。