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 事件處理函數、使用命名空間等。